jqgrid 前端分頁(yè)

前提： 不能進(jìn)行后臺(tái)分頁(yè)，或者后臺(tái)添加分頁(yè)比較麻煩的話， 打算采取前端分頁(yè) 后臺(tái)只需要查詢?nèi)繑?shù)據(jù)，返回到前端

jqgrid需要后臺(tái)返回的參數(shù)

{

page:當(dāng)前頁(yè)(默認(rèn)第一頁(yè) =1)，

total ：總頁(yè)數(shù) (數(shù)據(jù)庫(kù)返回總條數(shù)/頁(yè)面分頁(yè)配置顯示的條數(shù))，

records：數(shù)據(jù)庫(kù)查詢完的總條數(shù)，

rows : 數(shù)據(jù)庫(kù)查詢的數(shù)據(jù)

}

轉(zhuǎn)成json值，返回到前端

jqgrid初始化時(shí)

修改 datatype: "local",

添加

loadonce: true,

查詢數(shù)據(jù)時(shí),加載方式：

$("#jqgridid").setGridParam({ url: '請(qǐng)求后臺(tái)的地址' });

$("#jqgridid").setGridParam({ datatype: 'json', page: 1 }).jqGrid('setGridParam', { page: 1, postData: {a:a} }).trigger("reloadGrid");

12.28日補(bǔ)充

還有一種情況是jqgrid不經(jīng)過(guò)后臺(tái)拿到了所有的數(shù)據(jù)，返回的信息沒(méi)有分頁(yè)參數(shù)，只能用addRowData去添加數(shù)據(jù)，但是這樣是分頁(yè)不了的，即使jqgrid在初始化的時(shí)候設(shè)置了分頁(yè)信息，但剛加載數(shù)據(jù)是不會(huì)進(jìn)行分頁(yè)。所以要模擬后臺(tái)返回的參數(shù)，將初始化的jsonreader刪除。自己去寫(xiě)分頁(yè)參數(shù)，在后臺(tái)去模擬返回的分頁(yè)信息去渲染jqgrid。testcontext為所有的參數(shù)。

總結(jié)

以上是生活随笔為你收集整理的php grid 分页,jqGrid实现前端分页的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。