mmGrid

最新推荐文章于 2024-05-29 09:48:21 发布

忆枫717

最新推荐文章于 2024-05-29 09:48:21 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：第三方控件文章标签：表格控件

本文链接：https://blog.youkuaiyun.com/AAA3A12/article/details/48534359

第三方控件专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用mmGrid实现的数据表格操作案例，包括设备注册、编辑及删除等功能，并展示了如何通过JavaScript实现这些交互操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mmGrid

function register(obj) {
    var id = $(obj).attr('data');
    //alert('id:'+id)
    var html = id;
    $('#message').empty();
    $('#message').append(html);
}

function view(obj) {
    var id = $(obj).attr('data');
    window.location.href = '/terminal/device/edit/' + id + '/';
}

function delete_obj(obj) {
    var id = $(obj).attr('data');
    mep.delConfirm(function () {
        window.location.href = '/terminal/device/delete/' + id + '/';
    });
}


$(function () {

    var cols = [

        {name: 'id', hidden: true},
        {name: 'name', title: gettext('Device Name'), width: 60, sortable: true, align: 'center'},
        {name: 'id_code', title: gettext('Id Code'), width: 100, sortable: true, align: 'center'},
        {name: 'created_at', title: gettext('Start Time'), width: 60, sortable: true, align: 'center'},
        {name: 'state', title: gettext('State'), width: 60, sortable: true, align: 'center'},

        {
            name: 'id', title: gettext('operate'), width: 140, sortable: false, align: 'center',
            renderer: function(value, item, rowIndex) {
                return '<a onclick="register(this)" data-toggle="modal" data-target="#myModal" href="javascript:void()" class="btn btn-info" data="' + item.id_code
                    + '"><i class="fa fa-pencil"></i>' + gettext("Register")
                    + '</a> <a onclick="view(this)" href="javascript:void()" class="btn btn-info" data="' + value
                    + '"><i class="fa fa-pencil"></i>' + gettext("Edit")
                    + '</a> <a onclick="delete_obj(this)" href="javascript:void()" class="btn btn-danger" data="' + value
                    + '"><i class="fa fa-trash-o"></i>' + gettext("Delete") + '</a>'
            }
        }
    ];

    var grid = mep.genGrid("#datagrid", "/terminal/device/data/", cols);

    $('#edit').click(function () {
        var rows = grid.selectedRows();
        if (rows.length != 1) {
            mep.info(gettext("checkOnlyOne"));
        } else {
            window.location.href = '/terminal/device/edit/' + rows[0].id + '/';
        }
    });

    $('#delete').click(function () {
        var rows = grid.selectedRows();
        if (rows.length != 1) {
            mep.info(gettext("checkOnlyOne"));
        } else {
            mep.delConfirm(function () {
                window.location.href = '/terminal/device/delete/' + rows[0].id + '/';
            });
        }
    });

});


//json 数据
{ "totalCount": 3, "rows": [ { "name": "A", "created_at": "2015-09-11 10:27:32", "id_code": "1123-4011-9992-1234", "state": "Available", "id": 1, "desc": "hafkdjfksjfiwf" }, { "name": "B", "created_at": "2015-09-11 10:28:19", "id_code": "1002-0020-2999-1012", "state": "Disable", "id": 2, "desc": "1" }, { "name": "C", "created_at": "2015-09-11 14:26:00", "id_code": "1000-1021-0092-1112", "state": "Using", "id": 3, "desc": "ok" } ] }