// 表格头
columns: [{
//field: 'example',
checkbox: true, // 是否显示复选框
formatter: function (i,row) { // 每次加载 checkbox 时判断当前 row 的 id 是否已经存在全局 Set() 里
if($.inArray(row.id,overAllIds)!=-1){// 因为 判断数组里有没有这个 id
return {
checked : true // 存在则选中
}
}
}
}]
//事件
$('#tb_departments').on('uncheck.bs.table check.bs.table check-all.bs.table uncheck-all.bs.table',function(e,rows,allDatas){
var datas = $.isArray(rows) ? rows : [rows]; // 点击时获取选中的行或取消选中的行
examine(e.type,datas,allDatas); // 保存到全局 Array() 里
});
var overAllIds = new Array(); //保存复选框的全局id
function examine(type,datas,allDatas){
if(type.indexOf('uncheck')==-1){
$.each(datas,function(i,v){
// 添加时,判断一行或多行的 id 是否已经在数组里 不存则添加
overAllIds.indexOf(v.id) == -1 ? overAllIds.push(v.id) : -1;
});
}else{
if(type.indexOf('uncheck') == 0){ //全不选
datas = allDatas;
}
$.each(datas,function(i,v){
overAllIds.splice(overAllIds.indexOf(v.id),1); //删除取消选中行
});
}
console.log(overAllIds);
}
bootstraptable表格翻页,无法保存复选框的问题
最新推荐文章于 2022-09-19 11:18:47 发布