做分頁代碼，看到網上很多人實現的方法，那是各種調用，各種獲取對象。我很不解，因為Easyui已經給我們了分頁的具體實現，為什么有些人要畫蛇添足呢。

其實真正的分頁，在你的代碼中，別人可能都沒有注意到，只是后臺你只要能正確返回總記錄條數和數據內容就行了。

下面是分頁功能的代碼：

function SBDiv_1_DateGrid() {
$('#SBDiv_1_DateGrid').datagrid({/// <reference path="../../Json/agreement.aspx" />
//在我沒有辦法靈活向后臺傳遞參數的情況下，用ajax
url: "/Handler/ManageWSE.asmx/SBDiv_1_DataGrid",
pageSize: 10, //每頁顯示的記錄條數，默認為10
pageList: [10, 15, 20, 25], //可以設置每頁記錄條數的列表
queryParams:{strwhere:"122"},
pagination: true,
fit: true, //自適應
rownumbers: true,
fitColumns: true,
striped: true,
sortOrder: 'desc',
remoteSort: true,
idField: 'id', //刪除會刪掉所選的幾個，不管分頁
// toolbar: '#toolbar',
columns: [[{ field: 'ckr', checkbox: true },
{ title: '交易編號', field: 'TradeNo', width: 65, sortable: true },
{ title: '交易日期', field: 'dcTradeDate', width: 135},
{ title: '槍號', field: 'GunNo', width: 80, sortable: true },
{ title: '加氣類型', field: 'DataSourceType', formatter: function (value, row, index) { if (value == 1) return "LNG"; else return "CNG"; }, width: 150, sortable: true },
{ title: '加氣量', field: 'TradeVolume', width: 100, sortable: true },
{ title: '加氣單價', field: 'Price', width: 65, sortable: true },
{ title: '協議單價', field: 'ProtocolPrice', width: 65, editor: { type: 'text' }, sortable: true },

{ title: '加氣金額', field: 'TradeSum', width: 80, sortable: true },
{ title: '協議金額', field: 'ProtocolTradeSum', width: 80, sortable: true },
{ title: '加氣卡號', field: 'UsercardNo', width: 150, sortable: true }
]]
});

}

?

你看，也沒有多復雜，其實已經實現了分頁功能了。

轉載于:https://www.cnblogs.com/solocao/p/3663837.html

總結

以上是生活随笔為你收集整理的EasyUI 分页 简洁代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。