1. 程式人生 > >jquery的相關知識

jquery的相關知識

服務 工具欄 ise align tro shrink 方式 修改 IT

Jqgrid

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

sortname string 排序列的名稱,此參數會被傳到後臺;BOSS中:sidx: id,根據id排序

sortorder: ‘asc‘, //默認的排序方式,跟數據庫的asc,desc一樣,傳給後端的排序順序,升序或者降序(asc or descBOSS中:sord: desc

加上sortable:true就能排序,加在colModelsortable決定該字段是否可以排序。

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數據不太符合默認設置(比如內容結構不同)那麽就有必要修改這一設置。

通常jsonReaderrepeatitems是配合使用的,如果repeatitemsfalsejson 中數據可以亂序,並且允許數據空缺。jqGrid會根據colModelname屬性和json數據對應,根據屬性名稱進行解析。

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

localReader ???

Loadonce boolean 如果為ture則數據只從服務器端抓取一次,之後所有操作都是在客戶端執行,翻頁功能會被禁用

shrinkToFit boolean 此屬性用來說明當初始化列寬度時候的計算類型,如果為ture,則按比例初始化列寬度。如果為false,則列寬度使用colModel指定的寬度

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

jquery的相關知識