table :ui
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屬性。this
調用方法:url
admin.tableRowCheckToggle();
方法體爲:日誌
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(); }) }