首先datagrid中的pagination屬性設置為true： 如

$(‘#dg1‘).datagrid({
    url:"{:U(‘Rearlogin/ajaxNoticeAll‘)}",    //請求後臺的地址
    fitColumns:true,
    scrollbarSize:0,
    singleSelect:true,
    pagination:true,     //分頁開關
    pageNumber:1,        //初始頁
    rownumbers: true,
    nowrap: false,
    pageSize: 10,     //每頁顯示條數
 

    pageList: [10, 20, 50, 100, 150, 200],   //每頁顯示條數供選項
    showFooter: true,
    striped : true,    //設置表格奇偶行顏色是否不同
    onSelect:function(rowIndex,rowData){
        $(":radio[name=‘radio_res‘][value=‘"+rowIndex+"‘]").prop("checked",true);
    },
    onUnselect:function(rowIndex,rowData){
        $(":radio[name=‘radio_res‘][value=‘
 
"+rowIndex+"‘]").prop("checked",false);
    },
    columns:[[
        {field:‘ck‘,title:‘‘,formatter:function(value,rowData,rowIndex){
            return "<input name=‘radio_res‘ value=‘"+rowIndex+"‘ type=‘radio‘/>";
        }},
        {field:‘n_id‘,title:‘ID‘,sortable:true,width:100},
        {field:
 
‘n_title‘,title:‘公告標題‘,sortable:true,width:100},
        {field:‘n_pubdate‘,title:‘發布時間‘,sortable:true,width:100}
    ]] ,
    toolbar:"#btn"
});

每次會自動傳輸 pageNum和pageSize到你寫的那個URL地址

後臺接收的時候是 page // 當前頁數 和 rows //每頁顯示數目 兩個數

然後根據這兩個數就可以用 MySQL 中的 limit 方法 控制輸出條數 還要得到數據的總條數 total

兩個數轉換成 json 格式 返回給前臺 就可以了。

附上後臺返回：

{"total":"11","rows":[{"ID":"1","dtNumber":"ADDFSSA","dtTitle":"00","dtTheme":"演藝秀","dtFitTime":"上午","AddTime":"2014/12/15 15:26:40","operateID":"1"},{"ID":"2","dtNumber":"ADDFSSA","dtTitle":"紐約市徒步遊，發現原汁原味的百老匯","dtTheme":"城市之旅","dtFitTime":"全天(白+黑)","AddTime":"2014/12/15 16:05:56","operateID":"2"}.......]} 

在後臺返回的json中帶上total這個字段,前臺設計pageSize後就可以自動識別分頁數據了

數據表格屬性（DataGrid Properties）

屬性繼承控制面板，以下是數據表格獨有的屬性。

$(‘#dg‘).datagrid({
	toolbar: ‘#tb‘
});
<div id="tb">
<a href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-edit‘,plain:true"/a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-help‘,plain:true"/a>
</div>

$(‘#dg‘).datagrid({
	toolbar: [{
		iconCls: ‘icon-edit‘,
		handler: function(){alert(‘edit‘)}
	},‘-‘,{
		iconCls: ‘icon-help‘,
		handler: function(){alert(‘help‘)}
	}]
});

$(‘#dg‘).datagrid({
	queryParams: {
		name: ‘easyui‘,
		subject: ‘datagrid‘
	}
});

$(‘#dg‘).datagrid({
	rowStyler: function(index,row){
		if (row.listprice>80){
			return ‘background-color:#6293BB;color:#fff;‘;
		}
	}
});

// removing ‘d‘ object from asp.net web service json output
$(‘#dg‘).datagrid({
	loadFilter: function(data){
		if (data.d){
			return data.d;
		} else {
			return data;
		}
	}
});

列屬性（Column Properties）

數據表格的列是一個對象數組，即這個對象中的元素也是一個數組（js中數組是對象）。 對象數組中的每一個元素都是可配置的對象，每個可配置對象定義一個列。

關於easyui中datagrid分頁問題--摘