说明 / 示例
$.ajax({
type: "POST",
url: url,
async: false,
cache: false,
dataType: "json",
success: function (data) {
layui.use('table', function () {
var table = layui.table;
var form = layui.form;
console.info(data.rows);
//展示已知数据
table.render({
elem: '#demo'
, cols: [[ //标题栏
{ field: 'id', title: 'ID', width: 100, sort: true }
, { field: 'username', title: '用户账号', width: 150, sort: true }
, { field: 'name', title: '姓名', width: 100, sort: true }
, { field: 'mobile', title: '手机号', width: 150, sort: true }
, { field: 'bank_opening', title: '职位', width: 140, sort: true }
, { field: 'department_name', title: '所属部门', width: 100, sort: true }
, { field: 'date_ctime', title: '加入时间', width: 180, sort: true }
, { field: 'status', title: '启用/禁用', width: 100, templet: '#switchTpl', unresize: true}
, { field: '', title: '操作', width: 150, toolbar: '#barDemo' }
]]
, data: data.rows
, even: true
, page: true //是否显示分页
//,limits: [5, 7, 10]
, limit: 10 //每页默认显示的数量
});
table.on('tool(demo)', function(obj){
var data = obj.data;
console.log(data);
if(obj.event == 'del'){
//console.log(data.id);
layer.confirm('真的要删除吗?', function(index) {
isdelect(data.id);
});
} else if(obj.event == 'edit'){
openUpdate(data.id);
}
});
form.on('switch(status)', function(obj){
//var data = obj.data;
//var data={"urid":obj.value,"roleid": $('input[type=checkbox]:checked').val()};
var data = $(obj.elem);
//遍历父级tr，取第一个，然后查找第二个td，取值
var hid = data.parents('tr').first().find('td').eq(0).text();
var check = obj.elem.checked;
// alert(JSON.stringify(data));
status_Update(obj.value,hid)
//alert(obj.value);
//alert(hid);
console.log(obj);
});
//监听行单击事件（双击事件为：rowDouble）
/* table.on('row(demo)', function(obj){
var data = obj.data;
layer.alert(JSON.stringify(data), {
title: '当前行数据：'
}); */
});
}