easyui前端分页,行号不连续,行号每页都是从1开始

easyui 前端做分页(客户端分页)的时候,行号不是连续累加,行号每页都是从一开始,如图:

easyui前端分页,行号不连续,行号每页都是从1开始easyui前端分页,行号不连续,行号每页都是从1开始

初始分页的方法如下:

easyui前端分页,行号不连续,行号每页都是从1开始

改进方法,在loadData方法之前,增加

                                  var gridOpts = $('#'+id).datagrid('options');
          gridOpts.pageNumber = pageNo;
          gridOpts.pageSize = pageSize;

代码如下:

function pagination(id,data){
    var pg = $('#'+id).datagrid('getPager');
    $(pg).pagination({
      pageSize: 15,//每页显示的记录条数,默认为10 
      pageList: [10,15,20],//可以设置每页记录条数的列表 
      beforePageText: '第',//页数文本框前显示的汉字 
      afterPageText: '页', 
      displayMsg: ' 当前显示 {from} - {to} 条记录   共 {total} 条记录',
      total:data.length,
          onSelectPage:function (pageNo, pageSize) { 
         var gridOpts = $('#'+id).datagrid('options');
          gridOpts.pageNumber = pageNo;
          gridOpts.pageSize = pageSize;

          var start = (pageNo - 1) * pageSize; 
          var end = start + pageSize; 
          $('#'+id).datagrid("loadData", data.slice(start, end)); 
          pg.pagination('refresh', { 
              total:data.length, 
              pageNumber:pageNo 
          });
      } 
    });
}

这样就可以实现分页之后的行号连续