JQuery Easy-UI 实现动态分页

Easy-UI 通过datagrid函数实现分页：ajax传递pagesize与pagenumber给服务器，服务器根据请求参数查出一页数据，并通过JSON格式返回到页面，datagrid函数自动对JSON数据解析展示，请注意JSON格式一定要正确。

jquery-easyui/themes/default/easyui.css
jquery-easyui/themes/icon.css
jquery-easyui/jquery-1.6.min.js
jquery-easyui/jquery.easyui.min.js
jquery-easyui/jquery.json-2.4.js
jquery-easyui/json2.js
//使用datagrid实现动态分页
$(function(){

   $('#dg').datagrid({
       title: '信息列表',
       width: 'auto',
       height: 600,
       nowrap: true,
       striped: true,
       collapsible:true,
       border: true, 
       showFooter:true,
       pagination:true,
       rownumbers:false,
       fitColumns:false,
       pageSize:10,       
       pageList:[10,15,20,25,30,35,40,45,50,100], 
       sortName:'flightCode',

       frozenColumns:[[
           {field:'ck',checkbox:true},
           {field:'code',title:'航班号',width:80,hidden:true,sortable:true}
       ]], 
       columns:[[
           {field:'name',title:'名称',width:80,hidden:true},  
	   //注意formatter函数可以对显示值进行格式化处理，比如日期显示格式，函数自定义。
           {field:'col4',title:'日期',hidden:true,width:120,formatter: function(value,row,index){return;}}
         ]],
       onDblClickRow: function(index,value){
            $('#dg').datagrid('selectRow',index);   
       },
       onClickCell: function(index,field,value){
       },
   });
      var p = $('#dg').datagrid('getPager');  
      $(p).pagination({ 
          onSelectPage: function (pageNumber, pageSize) { 
                getData(pageNumber, pageSize); 
          },
       onChangePageSize:function (pageNumber, pageSize) { 
                getData(pageNumber, pageSize); 
          }, 
          onRefresh:function (pageNumber, pageSize) { 
                getData(pageNumber, pageSize); 
          }  
      });
  }); 

  var getData = function (pasenumber,pagesize) { 
      $.ajax({ 
          type: 'POST', 
          url: queryPaginationURL, //用户请求数据的URL
          data: "currentPageSize=" + pagesize + "&currentPageNumber=" + pasenumber, 
          error: function (XMLHttpRequest, textStatus, errorThrown) { 
              alert(textStatus); 
          }, 
          success: function (data) { 
              $('#dg').datagrid('loadData', data); 
          } 
      }); 
  };
  //页面初始化时调用函数加载数据
  $(function(){
      getData(1,10);
  });
  function refreshPage(){
      getData(1, 10);  
  }; 
 <table id="dg" class="easyui-datagrid"  toolbar="#toolbar" singleSelect="true"> </table>

JSON数据格式

{                                                      
 "total":239,                                                      
 "rows":[                                                          
  {"code":"001","name":"Name 1","addr":"Address 11","col4":"col4 data"},         
  {"code":"002","name":"Name 2","addr":"Address 13","col4":"col4 data"},
 ]                                                          
}