easyui的pagination每次换页行号都从一开始

//分页行号每次都从一开始
    $(function () {
        //获取数据网格的pager对象
        var pager = $('#cbcOrderHeaderDataGrid').datagrid('getPager');  
        //重定义pager对象的pagination
        pager.pagination({
            //定义一些pagination的属性
            showPageList: true,
            pageList:[10,20,50,500],
            //在选择页面的时候触发该事件
            onSelectPage:function(pageNo, pageSize){
                //ajax异步查询参数,pageNo:页号,pageSize:每页的数据量。回调函数中data是pagination的对象
                $.post('/cbcOrderHeader/findByPage',{"page":pageNo,"rows":pageSize},function (data) {
                    //回调函数中使用loadData,加载本地数据
                    $('#cbcOrderHeaderDataGrid').datagrid("loadData", data.rows);
                    //获取数据网格的各种options,个人理解就是页面显示的一些参数
                    var gridOpts = $('#cbcOrderHeaderDataGrid').datagrid('options');
                    //设置pageNumber始终为1,这样每次换页行号都是选取第一页中的行号排列方式
                    gridOpts.pageNumber = 1;
                    gridOpts.pageSize = pageSize;
                    //对数据网格底部的分页组件刷新数据信息
                    pager.pagination('refresh', {
                        total:data.total,
                        pageNumber:pageNo
                    });
                });

            }
        });
    });

easyui-datagrid中加载数据方法的不同:

 

 



 load和reload都是从服务器上加载数据,不同的是reload不换页

loadData是拿本地数据加载

猜你喜欢

转载自blog.csdn.net/qq_41912406/article/details/84549509