jquery的相關知識
Jqgrid
排序的關鍵是這兩個屬性: sortname: ‘eight‘, //默認表格加載時根據eight列排序
sortname string 排序列的名稱,此參數會被傳到後臺;BOSS中:sidx: id,根據id排序
sortorder: ‘asc‘, //默認的排序方式,跟數據庫的asc,desc一樣,傳給後端的排序順序,升序或者降序(asc or desc) BOSS中: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”指定是否支持排序。其實上面每一個設置基本見名知意,大家可以大膽使用。(註意: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 當請求或者排序時所顯示的文字內容
jquery的相關知識