项目中有需求使用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');
},
注释后,代码生效。
学习使我们进步