jquery easyui datagrid 在翻页以后仍能记录被选中的行及刷新设置选中行数据

Posted 2020-12-01 loners

//easyUI的datagrid在复选框多选时，如何在翻页以后仍能记录被选中的行；
//注意datagrid中需要配置idField属性，一般为数据的主键

$.ajax({
                        type: ‘GET‘,
                        url:url,
                        async:false,
                        success: function (dt) {
                            var grid = $(‘#list‘);
                            grid.datagrid(‘reload‘);//刷新表格数据
                            grid.datagrid({
                                onLoadSuccess:function(){
                                    grid.datagrid("clearSelections");//清除之前所选中行记录状态
                                    var rows = grid.datagrid("getRows");//获取表格数据
                                    //循环数据找出列表中ID和需要选中数据的ID相等的数据并选中
                                    for(var j=0;j<rows.length;j++){//循环表格数据
                                        var rowId = rows[j].Uid;
                                        for (var i = 0; i < dt.length; i++) {//循环查询出来要设置选中行状态的数据
                                            var Id =dt[i].Master;
                                            if(rowId == Id){
                                                var index = grid.datagrid("getRowIndex",rows[j]);//获取行数据的索引位置
                                                grid.datagrid("selectRow",index);//设置为选中状态

                                            }
                                        }
                                    }
                                }
                            })
                        }
                    });