easyui paging records the selection of each page

After turning the page, you can still see the previously selected record when you come back

write picture description here

code

全局变量
var params=new Object();  


用户列表


function initUserDatagrid(roleID,userDatagrid){//用户列表显示
    $('#'+userDatagrid).datagrid({
        width : 1200,
        url : '/privilege/getUserRoleDatagrid.do',
        queryParams: {
            roleID:roleID,
        },
        title : '用户列表',
        iconCls : 'icon-search',
        striped : true,
        nowrap : true,
        rownumbers : true,
        resizeHandle : 'right',
//      singleSelect : true,
        fitColumns : true,
//      remoteSort : false,
        fit : true,//自适应
        columns : [[

            {
                field : 'id',
                title : 'id',
                checkbox : true,
            },
            {
                sortable : true,
                field : 'userID',
                title : '用户ID',
                sortable : true,
                width : 60,
                fixed:true,
            },
            {
                field : 'loginID',
                title : '用户账户',
                sortable : true,
                width : 80,
                fixed:true,
                //可排序
            },
            {
                field : 'password',
                title : '密码',
                //可排序
                width : 256,
                fixed:true,
            },
            {
                sortable : true,
                field : 'userName',
                title : '姓名',
                width : 60,
                fixed:true,
            },
            {
                field : 'departmentName',
                title : '部门名称',
                width : 120,
                fixed:true,
            },
            {
                field : 'positionTrueName',
                title : '岗位名称',
                width : 120,
                fixed:true,
            },
            {
                field : 'isDelete',
                title : '是否删除',
                width : 60,
                fixed:true,
                formatter:function(value,row,index){  
                       if(value=='0'){
                           return '否';
                       }else if(value=='1'){
                           return '已删除';
                       }else{
                           return '';
                       } 
                   }
            },
            {
                field : 'isLock',
                title : '是否锁定',
                width : 60,
                fixed:true,
                formatter:function(value,row,index){  
                   if(value=='1'){
                       return '锁定';
                   }else{
                       return '未锁定';
                   }  
               } 
            },
            {
                field : 'createDate',
                title : '创建时间',
                width : 150,
                fixed:true,

                formatter:function(value,row,index){  
//                  value=Mon Sep 18 17:19:03 CST 2017
                    if(value){
                          var unixTimestamp = new Date(value.time);
                          return unixTimestamp.toLocaleString(); 
                    }else{
                         return null; 
                    }

                 }  
            },
            {
                field : 'remark',
                title : '备注',
                width : 200,
            },
        ]],
        toolbar : '#tb2',
        pagination : true,
        pageSize : 10,
        pageList : [10, 20, 50,100,500],
        pageNumber : 1,
        sortName : 'userID',
        sortOrder : 'DESC',
        onUncheck: function(index, row){//在用户取消勾选一行的时候触发
            onUncheck(index, row);
        },
        onCheck: function(index, row){//勾选一行的时候触发
            onCheck(index,row);
        },
        onCheckAll: function(rows){//选中所有行触发
            onCheckAll(rows);
        },
        onUncheckAll: function(rows){//取消所有行格触发
            onUncheckAll(rows);
        },
        onLoadSuccess: function(data){//加载数据成功,也就是刷新页面或者点击前页后页的时候触发
            onCheckPage(data);
        },


    });
    }
//点击选中单元格设置用户ID组
function onCheck(index, row){
    var userID=row.userID;
    var id=row.id;
    params[userID]=id;

}
//点击取消单元格设置用户ID组
function onUncheck(index, row){
    var userID=row.userID;

    delete params[userID]; 
}
//点击全取消设置用户ID组
function onUncheckAll(rows){
    var num=rows.length;
    for (var i = 0; i < num; i ++) {
        var userID=rows[i].userID;
        delete params[userID]; 
    };
}
////点击全选设置用户ID组
function onCheckAll(rows){
    var num=rows.length;
    for (var i = 0; i < num; i ++) {
        var userID=rows[i].userID;
        var id=rows[i].id;
        params[userID]=id;
    };
}
//用户点击翻页的时候,设置勾选
function onCheckPage(data){
    var arr=getArrCheckID();
    var rows = data.rows;  
     for (var i = 0; i < arr.length; i++) {
         for (var j = 0; j < rows.length; j++) {
             if(rows[j].id == arr[i]){  
                var index = $('#managerUserRole').datagrid('getRowIndex',rows[j]); 
               $('#managerUserRole').datagrid('selectRow', index); //根据id选中行 
             }
         }
     }
}


function getArrCheckID(){
    var arrCheckID=[];//角色用户数组
    for(var userID in params){
        var id=params[userID];
        arrCheckID.push(id)
    }
    return arrCheckID;
}

Select a role to get all users

//返回用户ID的数组
function initUserIDs(roleID,isChecked){
    $.ajax({
        type : 'POST',
        url : "/privilege/getUserRole.do",
        data : {

                roleID:roleID,
                isChecked:isChecked,

        },
        success : function (data) {
             var data = eval('(' + data + ')');  
            if (data.message=='ok') {
             var rows=data.rows;
             initParams(rows);
            }else{
                //不做处理
            }
        },
    });

}


function initParams(rows){
    var num=rows.length;
    for (var i = 0; i < num; i ++) {
        var userID=rows[i].userID;
        var id=rows[i].id;
        params[userID]=id;
    };
}

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324597671&siteId=291194637