datagrid分頁

 一、datagrid屬性pagination設爲true

 二、loadFilter中加入分頁相關代碼

優勢：能夠減小界面中<tr>容量，加快加載頁面的速度

$('#employeeDG').datagrid({

               title:'職員列表',

               fit: true,

               fitColumns: false,

               border: false,

               //view: scrollview,

               pagination:true,

               pageSize:50,

               columns : [ [ 

                                  {field: 'deptName',title:'部門',width:160},

                                  {field : 'name',title : '姓名',width : 100},

                                  {field:'extentionPhone',title:'分機號',width:100},

                                  {field:'groupPhone',title:'深南短號',width:100},

                                  {field:'corporatePhone',title:'公務手機',width:120,

                                      formatter: function(value, row, index){

                                          if (row.employeeLevel <= 2 ) {

                                              return null;

                                           } else {

                                               return value;

                                           }

                                      }

                                  },

                                  {field:'mobile',title:'手機號碼',width:120, hidden:true}         

               ] ],

               loadFilter : function(data) {  

                        var result = {};                  

                        if (!data.hasOwnProperty("success")) {

                            result = data;

                        } else {

                            if (data.success == true) {                             

                                result = data.obj; 

                            } else {

                                $.messager.show({

                                    msg : data.msg,

                                    title : '提示'

                                });

                                return {'total' : 0, 'rows' : []};

                            }

                        }

                        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', result);

                            }

                        });

                        if (!result.originalRows){

                            if (result.rows.length == allProcessData.length) {

                                result.originalRows = allProcessData;

                            } else {

                                result.originalRows = (result.rows);

                            }

                        }

                        var start = (opts.pageNumber-1)*parseInt(opts.pageSize);

                        var end = start + parseInt(opts.pageSize);

                        result.rows = (result.originalRows.slice(start, end));

                        if (!result.footer) {

                            var footer = [{departmentCode: result.total, partQtyBacklog: 0, panelQtyBacklog: 0, partsArea: 0, startQuantity: 0}];

                            $.each(result.originalRows, function(index, value) {

                                footer[0].partQtyBacklog += value.partQtyBacklog;

                                footer[0].panelQtyBacklog += value.panelQtyBacklog;

                                footer[0].partsArea += value.partsArea;

                                footer[0].startQuantity += value.startQuantity;

                            });

                            result.footer = footer;

                        }

                        return result;

                    }

           });