Ext器件 列表Grid使用說明

2021-08-29 08:59:22 字數 1537 閱讀 9438

在ext中,grid的使用包括以下幾個步驟:

1、獲取資料集,示例**如下

js **

var mydata = [   

['ext',83.81,0.28,0.34,'9/12 12:00am'],   

['google',71.72,0.02,0.03,'10/1 12:00am'],   

['microsoft',52.55,0.01,0.02,'7/4 12:00am'],   

['yahoo!',29.01,0.42,1.47,'5/22 12:00am']   

];   

該資料集是由陣列構成,包括5條記錄,每條記錄包括五個字段:乙個字串型、三個浮點型和乙個日期型。

2、將資料集進行裝載,這個過程需要設定兩件事,一件是指定要裝載的資料和**形式,一件是指定讀取時規則,示例**如下

js **

var ds = new ext.data.store(, [   

,   

,   

,   

,   

])   

});   

ds.load();   

第一件事(指定要裝載的資料和**形式),是通過proxy: new ext.data.memoryproxy(mydata)完成得,它指定了裝載資料為mydata,**形式為記憶體**。**形式除了記憶體方式之外還有httpproxy和scripttagproxy等形式。

第二件事(指定讀取時規則),是通過reader: new ext.data.arrayreader(, [……]) 完成的,這裡它指定為陣列讀取,並指定資料項的名稱和型別。

3、設定頁面顯示列表引數,示例**如下:

js **

var colmodel = new ext.grid.columnmodel([   

,   

,   

,   

,   

]);   

在這裡它指定了每一列的顯示表頭名、寬度、是否可以排序,以及資料引用的名稱。

在資料顯示時可以通過renderer進行格式化設定,使資料顯示更友好。

4、構建列表並顯示,示例**如下

js **

var grid = new ext.grid.grid('grid-example', );   

grid.render();   

grid.getselectionmodel().selectfirstrow();   

這裡通過構建grid物件進行了列表設定,包括資料來源ds和字段模型colmodel,這兩項就是前面部分準備的。

grid.render();——指得是將構造的grid呈現到頁面

grid.getselectionmodel().selectfirstrow();——將第一行作為預設選擇行

使用說明 附註工具使用說明

附註工具使用說明 附註工具用途 附註工具主要用於更新利用word附註應用程式生成的帶域 的附註,該工具在word右鍵 更新鏈結 的基礎上進行了優化,故在使用時,不能再利用word右鍵 更新鏈結 而要用本工具的 更新當前鏈結 或 更新所有鏈結 使用說明 一 更換路徑 當利用word附註應用程式生成帶域...

Ext框架的Grid使用介紹

ext2.0是乙個js框架,它的grid控制項和其它可以顯示資料的控制項,能夠支援多種資料型別,如二維陣列 json資料和xml資料,甚至包括我們自定義的資料型別。ext為我們提供了乙個橋梁ext.data.store,通過它我們可以把任何格式的資料轉化成grid可以使用的形式,這樣就不需要為每種資...

使用說明 農用遮光網使用說明

農用遮光網使用說明 建築防塵網購買方 建築施工企業 在購買建築防塵網時,應該對 作出比較,可以分辨品牌 型號,且購買時應該在一定程度上了解信譽良莠。建築防塵網購買方 市場售賣方 在選購建築防塵網時,可以把 作為基礎,好的 可以用來彌補信譽不足,而差的 則需要按照你的服務收費。農用遮光網使用說明 用途...