jgrid的相關知識

Jqgrid

 

排序的關鍵是這兩個屬性： sortname: 'eight',  //默認表格加載時根據eight列排序

sortname   string 排序列的名稱，此參數會被傳到後臺；BOSS中：sortname屬性做爲了sidx屬性傳給後端，也就是sidx: id，根據id排序

sortorder: 'asc',   //默認的排序方式,跟數據庫的asc,desc同樣,傳給後端的排序順序，升序或者降序（asc or desc） BOSS中sortorder屬性做爲了sord屬性，sord: desc

 

加上sortable:true就能排序，加在colModel中sortable決定該字段是否能夠排序。

footerrow:true,             //加這個標識,顯示合計列值

userDataOnFooter  當爲true時把userData放到底部，用法：若是userData的值與colModel的值相同，那麼此列就顯示正確的值，若是不等那麼此列就爲空

multiselect boolean 定義是否能夠多選

pager string 定義翻頁用的導航欄，必須是有效的html元素。翻頁工具欄能夠放置在html頁面任意位置

toolbar array 表格的工具欄。數組中有兩個值，第一個爲是否啓用，第二個指定工具欄位置（相對於body layer），如：[true,」both」] 。工具欄位置可選值：「top」,」bottom」, 「both」. 若是工具欄在上面，則工具欄id爲「t_」+表格id；若是在下面則爲 「tb_」+表格id；若是隻有一個工具欄則爲 「t_」+表格id

loadComplete xhr 當從服務器返回響應時執行，xhr：XMLHttpRequest 對象

gridComplete none 當表格全部數據都加載完成並且其餘的處理也都完成時觸發此事件，排序，翻頁一樣也會觸發此事件

Toolbarfilter ？？？這個是什麼？

url ：這個參數指定了jqGrid從服務器獲取數據的請求。

datatype ：這個參數指定了jqGrid調用的數據的格式，經常使用格式有json，xml，local。

colName ：這個參數指定了jqGrid每列的title，按順序依次排列，而且能夠看出實際上它就是一個字符串數組。

colModel ：這個參數指定了jqGrid各列的具體格式，"name"指定對應數據中屬性名，「index」用於列排序，「width」顯然是指定列寬，「align」對齊方式，「sortable」指定是否支持排序。」frozen：true」指定列固定不動，「fixedFlag」指定是否固定顯示列，「hidden」指定一個列是否應該隱藏。其實上面每個設置基本見名知意，你們能夠大膽使用。（注意：colName與colModel 須要一一對應）

rowNum ：這個參數指定了jqGrid顯示行數，默認值20。

rowList ：這個參數指定了jqGrid能夠接受的rowNum值，如[10,20,30]。實際上它也僅僅是一個數組。

pager ：這個參數指定了jqGrid頁腳顯示位置。

sortname ：這個參數指定了jqGrid默認的排序列，能夠是列名也能夠是數字。

viewrecords ：這個參數設置了是否在Pager Bar顯示全部記錄的總數。

sortorder ：這個參數指定了jqGrid默認排序列的默認排序方式。

caption ：這個參數制訂了jqGrid的標題，若是設置了，則將顯示在Grid的Header層。

相信有不少讀者朋友但願瞭解到底jqGrid使用的json以什麼樣的格式呈現，下面就爲你們展現一下上面表格中使用的json數據：

 

 

看到jqGrid實際調用的json格式之後，不少讀者朋友會產生疑問。是否只有符合上面格式的json數據才能被jqGrid解析？

答案是：否認的

這裏就不得不介紹一下jqGrid的一個重要的選項jsonReader，jsonReader用於設置如何解析從Server端發回來的json數據。上面表格之因此可以成功解析出來得益於，jsonReader的默認設置。

jsonReader默認設置：

 

 

若是Server端返回的json數據不太符合默認設置（好比內容結構不一樣）那麼就有必要修改這一設置。

 

一般jsonReader和repeatitems是配合使用的，若是repeatitems爲false，json 中數據能夠亂序，而且容許數據空缺。jqGrid會根據colModel中name屬性和json數據對應，根據屬性名稱進行解析。

 

 

jsonReader array 描述json 數據格式的數組

localReader ？？？

Loadonce boolean 若是爲ture則數據只從服務器端抓取一次，以後全部操做都是在客戶端執行，翻頁功能會被禁用

shrinkToFit boolean 此屬性用來講明當初始化列寬度時候的計算類型，若是爲ture，則按比例初始化列寬度。若是爲false，則列寬度使用colModel指定的寬度

loadtext  string 當請求或者排序時所顯示的文字內容