<div class="list1">
<table class="layui-table" lay-size="sm" id="list1" lay-filter="list1"></table>
</div>
var ids = [];
var dataArr= [];
table.render({
elem: '#list1',
url: '/admin_8v2gpximtrq.php/system_schedule/getorders',
totalRow: true,
cols: [
[{
type: 'checkbox',
fixed: 'left'
},
{
field: 'id',
title: 'ID',
width: 60,
fixed: 'left',
sort: true,
}
]
],
page: true,
response: {
statusCode: 200
},
parseData: function(res) {
dataArr = res.data.list;
return {
"code": res.code,
"msg": res.msg,
"count": res.data.totalRow,
"data": dataArr
};
},
done: function(res) {
var len = res.data.length;
var chooseNum = 0;
for (var i = 0; i < res.data.length; i++) {
for (var j = 0; j < ids.length; j++) {
if (res.data[i].id == ids[j].id) {
res.data[i]["LAY_CHECKED"] = 'true';
var index = res.data[i]['LAY_TABLE_INDEX'];
$('.list1 .layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
$('.list1 .layui-table-fixed-l tr[data-index=' + index + '] input[type="checkbox"]').next().addClass(
'layui-form-checked');
chooseNum++;
}
}
}
if (len != 0 && chooseNum == len) {
$('.list1 input[lay-filter="layTableAllChoose"]').prop('checked', true);
$('.list1 input[lay-filter="layTableAllChoose"]').next().addClass('layui-form-checked');
}
},
});
table.on('checkbox(list1)', function(obj) {
let checked = obj.checked;
if (obj.type == 'all') {
if (checked) {
dataArr.forEach(item => {
ids.push(item)
})
} else {
dataArr.forEach((item, index) => {
ids.forEach((val, i) => {
if (item.id == val.id) {
ids.splice(i, 1)
}
})
})
}
} else {
if (checked) {
ids.push(obj.data);
} else {
ids.map((item, index) => {
if (obj.data.id == item.id) {
ids.splice(index, 1)
}
})
}
}
});