首页 > Web开发 > 详细

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

时间:2019-11-02 13:58:06      阅读:212      评论:0      收藏:0      [点我收藏+]

//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);//设置为选中状态

                                            }
                                        }
                                    }
                                }
                            })
                        }
                    });

 

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

原文:https://www.cnblogs.com/Loners/p/11781346.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!