table :ide
var tableIns = table.render({ elem:'#workTaskLogListTable' ,url: ctx+'/task/workTaskLog/query' ,error:admin.error ,cellMinWidth: 80 ,toolbar: '#workTaskLogListTable-toolbar' ,defaultToolbar: [{ title: '条件过滤' //标题 ,layEvent: 'searchDiv' //事件名,用于 toolbar 事件中使用 ,icon: 'layui-icon-search' //图标类名 }, 'filter', 'print', 'exports'] ,cols: [[ {type: 'checkbox'/*, fixed: 'left'*/} ,{field:'content', title: '日志内容', align: 'center',width:130 } ,{field:'userName', title: '操做人', align: 'center',width:130 } ,{field:'status', title: '状态', align: 'center',width:130,templet:tplStatus} ,{field:'createTime', title: '建立时间', align: 'center',width:160,templet:tplCreateTime} ,{title:'操做', toolbar: '#workTaskLogListTable-bar', width:150} ]] ,page: true ,limit: 10 ,limits: layui.setter.limits ,done: function(res, curr, count){ } ,height: 'full-110' });
说明:{type: 'checkbox'/, fixed: 'left'/} , 要是功能有效,即表的列 不能有fixed属性。ui
调用方法:this
admin.tableRowCheckToggle();
方法体为:url
admin.tableRowCheckToggle = function () { $('body').on('click', '.layui-table-body tr', function(e){ $('.layui-form-checkbox', this).click(); $('.layui-form-checkbox.layui-form-checked', this.parent).click(); $('.layui-form-checkbox', this).click(); }) $('body').on('click', '.layui-form-checkbox', function(e){ e.stopPropagation(); }) }