bootstrap-table分页记住勾选

最新推荐文章于 2022-09-19 11:18:47 发布

黄宝康

最新推荐文章于 2022-09-19 11:18:47 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： bootstrap javascript 文章标签： bootstrap-table分页记住勾选

本文链接：https://blog.youkuaiyun.com/huangbaokang/article/details/98882256

本文介绍如何在使用ruoyi封装的JS时，实现Bootstrap-Table在分页时记住用户勾选的状态。参考了一篇来自优快云的文章。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var hbk_names = new Array();// 全局保存人员名字的数组
 // 绑定选中事件、取消事件、全部选中、全部取消
        	$.btTable.on("check.bs.table check-all.bs.table uncheck.bs.table uncheck-all.bs.table", function (e, rows) {
        		// 复选框分页保留保存选中数组
        		var rowIds = $.table.affectedRowIds(rows);
        		if ($.common.isNotEmpty($.table._option.rememberSelected) && $.table._option.rememberSelected) {
        			func = $.inArray(e.type, ['check', 'check-all']) > -1 ? 'union' : 'difference';
        			selectionIds = _[func](selectionIds, rowIds);// 全局选中的第一列ID值
        		}
        		console.log(selectionIds)
        		var rows = $.isArray(rows) ? rows : [rows];
				if(func=='union'){
					$.each(rows,
				            function (i, v) {
				                // 添加时，判断一行或多行的 id 是否已经在数组里 不存则添加　
				                hbk_names.indexOf(v.userName) == -1 ? hbk_names.push(v.userName) : -1;
				            });
				}else{
					$.each(rows, function (i, v) {
			            hbk_names.splice(hbk_names.indexOf(v.