easyUI---分页插件

设置

  

         //分页组件
            $('#detailLayer .detailPag').pagination({
                pageNumber: 1,
                pageSize: 10,
                total: result.TotalCount,//总共页数
                layout: ['first', 'prev', 'links', 'next', 'last', 'manual', 'list'],
                beforePageText: '转到',
                afterPageText: '页',
                onSelectPage: function (pageNumber, pageSize) {//改变页数触发
                    params.CurPage = pageNumber;
                    reqDate(url, params, function (result) {
                        fillFormationDetail(params, result);
                    })
                },
                onChangePageSize: function (pageSize) {//改变行数触发
                    params.PageSize = pageSize;
                    reqDate(url, params, function (result) {
                        fillFormationDetail(params, result);
                    })
                },
            });
            //分页样式
            $('.detailPag table tbody tr td:last .pagination-page-list').before('每页');
            $('.detailPag table tbody tr td:last .pagination-page-list').after('行');
            $('.detailPag table tbody tr td:last').css({ 'padding-left': '20px', 'font-size': '12px' });        
原文地址:https://www.cnblogs.com/jcxfighting/p/8109582.html