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" } ] }