jqGrid之真分頁

2021-07-30 08:32:25 字數 1031 閱讀 4777

寫在前面:

之前的工作中需要用到jqgrid用來展示資料,看中的就是其簡約的ui風格和方便的配置還有它排序和分頁的功能也很方便。之前的資料量都不大最多也就幾百條(就直接全部查出所有資料再介面渲染也就是加分頁)。可是最近的工作中需要滿足快速展示幾萬條資料的需求。這就不得不用真分頁了。

實現起來也很簡單:

1、後台返回資料格式要求:

page : 當前也碼。

records : 總資料條數。

rows : 陣列格式 內容為要顯示的物件。

total : 總頁數。

2、前台必要的配置資訊

直接看**吧 也很簡單

$(

"#batch_task_grid").jqgrid(,

url:

""mtype:

'get',

styleui:

'bootstrap',

regional:

'cn',

colmodel: [...],

viewrecords :

true,

autowidth :

true,

height :

350,

rownum :

15, shrinktofit :

true,

autoscroll :

true,

celledit :

false,

multiselect :

true,

rownumbers :

true, // 必須為true

pager:

"#batch_task_grid_pager"

});

這裡說起來自己也走了一些彎路,一開始並未把 rownumbers 設定為true 死活不能達到理想的分頁效果 。同學們引以為鑑!!

jqgrid本地載入分頁 jqGrid 分頁

這兩天一直在搞jqgrid分頁,焦頭爛額,不過還是有點收穫的 主要是後台分頁 jqgrid分頁可以分為兩種,遠端資料 伺服器資料 分頁和本地資料分頁,先看遠端資料分頁 testgrid jqgrid else if pagebtn prev userlistpg else if pagebtn la...

jqGrid分頁顯示用法

jqgrid分頁顯示用法 jsp頁面 載入列表 function loadusertable colname,colmodel url basepath hr firstselect?random math.random height true,autowidth true,colnames col...

JqGrid分頁心得

jqgrid的翻頁要定義在html裡,通常是在grid的下面,且是乙個div物件 jqgrid分頁屬性 jgrid of emptyrecords no records to view loadtext loading.pgtext page of 分頁基礎屬性說明 屬性名型別 說明預設值 是否可以...