EasyUI_前台js_分页

　　1、html:

 <table id="DataTb" title="客户信息" class="easyui-datagrid" style="width:2000px;height:330px"
                     idfield="itemid" pagination="true" fitcolumns="true"
                     data-options="iconCls:'icon-save',rownumbers:true,url:'../Ajax/Customer.ashx?action=getlist',
 pageSize:10, pageList:[5,10,15,20],method:'get',toolbar:'#tb',striped:true,singleSelect:true">

2、js:

   ///分页
         $('#DataTb').datagrid({ loadFilter: pagerFilter }).datagrid('loadData', getData());
         function getData(data) {
             var rows = [];
             for (var i = ; i <= Infinity; i++) {
                 var amount = Math.floor(Math.random() * );
                 var price = Math.floor(Math.random() * );
                 rows.push({
                     inv: 'Inv No ' + i,
                     date: $.fn.datebox.defaults.formatter(new Date()),
                     name: 'Name ' + i,
                     amount: amount,
                     price: price,
                     cost: amount * price,
                     note: 'Note ' + i
                 });
                 return rows;
             }

         };
         function pagerFilter(data) {
             if (typeof data.length == 'number' && typeof data.splice == 'function') {    // 判断数据是否是数组
                 data = {
                     total: data.length,
                     rows: data
                 }
             }
             var dg = $(this);
             var opts = dg.datagrid('options');
             var pager = dg.datagrid('getPager');
             pager.pagination({
                 onSelectPage: function (pageNum, pageSize) {
                     opts.pageNumber = pageNum;
                     opts.pageSize = pageSize;
                     pager.pagination('refresh', {
                         pageNumber: pageNum,
                         pageSize: pageSize
                     });
                     dg.datagrid('loadData', data);
                 }
             });
             if (!data.originalRows) {
                 data.originalRows = (data.rows);
             }
             var start = (opts.pageNumber - ) * parseInt(opts.pageSize);
             var end = start + parseInt(opts.pageSize);
             data.rows = (data.originalRows.slice(start, end));
             return data;
         }