由于最近遇到了需要回顯資料表格中的復選框的問題，于是在網上找了很多教程均以失敗告終，
根據下面代碼，可完美實作layUI的資料表格復選框回顯，
//資料表格
<div id="setRoleContent" style="display:none">
<table class="layui-hide" id="role-table" lay-filter="role-table-test"> </table>
</div>
table.render({
elem: '#role-table'
, url: '/Role/GetRoles'
, cellMinWidth: 80
,toolbar:"#toolbar-role"
, cols: [[
{ type: 'checkbox', fixed: 'left' },
{ field: 'Id', title: 'ID', sort: true }
, { field: 'Name', title: '姓名' }
]]
, done: function (res, curr, count) {
//ajax獲取回顯資料的Id
$.ajax({
url: "/Staff/GetStaffRoles",
type: "post",
data: { no: checkStatus.data[0].No},
success: function (data) {
//遍歷ajax回傳的結果
for (var i = 0; i < data.length; i++) {
//遍歷資料表格
$.each(res.data, function (index, row) {
//判斷ajax回傳的id是否與資料行中的id相等
if (row.Id == data[i]) {
//#setRoleContent 資料表格控制元件id
$('#setRoleContent tr[data-index=' + row.LAY_TABLE_INDEX + '] input[type="checkbox"]').next().eq(0).click();
$('#setRoleContent tr[data-index=' + row.LAY_TABLE_INDEX + '] input[type="checkbox"]').next().eq(1).click();
}
})
}
}
});
}
});轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/310794.html
標籤：其他
上一篇：始終在教義DQL中獲得列