jqueryeasyUI Checkbox勾选,翻页仍然有效的解决办法

费德宇
2023-12-01

项目中有需求使用jQueryeasyUI datagrid中复选框进行多条删除动作,要求翻页后勾选仍然有效,即第一页选中的数据,翻页到第二页中仍然有效。
通过查看官方文档找到了demo

第一点是checkbox,

{field:"check", tile: "", align: "center", width:10,checkbox:true},

var checkedRows = $('#xx').datagrid('getChecked');

然后就可以通过checkedRows获取到选中的数据。

这里也可以直接在datagrid中设置属性

$('#xx').datagrid({
    ...
	checkbox : true,
    checkOnSelect : true
    ...
});

第二点是翻页勾选有效,添加idField

$('#xx').datagrid({
    ...
	idField : 'id',
    ...
});

遇到的问题,刚刚开始的时候并没有效果,很奇怪。我就看了整个js文件,发现有一段之前其他人添加的代码。了解到这段代码目前没有起到效果。果断注释掉

		onBeforeLoad: function(param){
			//$('#xx').datagrid('clearChecked');
		},

注释后,代码生效。

 

 

学习使我们进步

 类似资料: