jqgrid--分頁

jqGrid的翻頁要定義在html裡，通常是在grid的下面，且是一個div對象：

 

  寫道 <table id="list"></table>

<div id="gridpager"></div>

jQuery("#grid_id").jqGrid({

...

pager : '#gridpager',

...

});

 

 

不必給翻頁設定任何的css屬性。在jqGrid裡定義的翻頁可以是：:pager : '#gridpager', pager : 'gridpager' or pager : jQuery('#gridpager'). 推薦使用前兩個，當使用其他方式時jqGrid的匯入匯出功能時會引起錯誤。

導覽列的屬性：

 

  寫道 $.jgrid = {

defaults : {

recordtext: "View {0} - {1} of {2}",

emptyrecords: "No records to view",

loadtext: "Loading...",

pgtext : "Page {0} of {1}"

},

...

}

 

如果想改變這些設定：

 

    jQuery.extend(jQuery.jgrid.defaults,{emptyrecords: "Nothing to display",...});  

  寫道 jQuery("#grid_id").jqGrid({

...

pager : '#gridpager',

emptyrecords: "Nothing to display",

...

});

 

 

 

 

導覽列的屬性：

 

屬性名稱	類型	說明	預設值	是否可以被修改
lastpage	integer	唯讀屬性，總頁 數	0	NO
pager	mixed	導覽列對象，必須是一個有效 html 元素， 位置可以隨 意	Null 字元 串	NO
pagerpos	string	定義導覽列的位置， 預設分為三部分：翻頁，導航工具及記錄信 息	center	NO
pgbuttons	boolean	是否顯示翻頁按 鈕	true	NO
pginput	boolean	是否顯示跳轉頁面的輸入 框	true	NO
pgtext	string	頁面資訊，第一個值是當前頁第二個值是總頁 數	語言 包	YES
reccount	integer	唯讀屬性，實際記錄數， 千萬不能跟 records 參數搞混了， 通常情況下他們是相同的， 假如我們定義 rowNum=15 ， 但我們從伺服器端返回的記錄為 20 即 records=20 ，而 reccount=15 ， 表格中也顯示 15 條記 錄	0	NO
recordpos	string	定義記錄資訊的位置， 可選值： left, center, right	right	NO
records	integer	唯讀屬性，從伺服器端返回的記錄 數	none	NO
recordtext	string	顯示記錄的資訊， 只有當 viewrecords 為 true 時起效，且記錄數必須大於 0	語言 包	yes
rowList	array	可以改變表格可以顯示的記錄數，格式為 [10,20,30]	array	no
rowNum	integer	設定表格可以顯示的記錄 數	20	yes
viewrecords	boolean	是否要顯示總記錄數信 息	false	no

 

jQuery("#grid_id").setGridParam({rowNum:10}).trigger("reloadGrid");  

 

跟翻頁相關的事件只有一個：onPaging

 

onPaging

pgButton

當點擊翻頁按鈕但還為展現資料時觸發此事件， 當然這跳轉欄輸入頁碼改變頁時也同樣觸發此事件。 參數 pgButton 可選值： first,last,prev,next