ExtJs中Grid的用法

2021-05-23 11:23:15 字數 1442 閱讀 3754

本文整理自:http://leadergxg.25291.84g.com/extjs/example/index.html

/****** 簡單grid,以本地陣列資料作為資料來源 *******/

var ******grid = function() , [

autoload : true // 自動載入資料

* 列定義,即定義表頭columnmodel,可以通過width來設定寬

* header   :表頭

* dataindex: 對應資料索引項

* sortable : 是否此列進行排序

* width    :設定此列寬度

* fixed    :此列寬度是否固定

* resizable:此列寬度是否可以改變

cm       : new ext.grid.columnmodel([

new ext.grid.rownumberer(), //自動行號,,

,,viewconfig : ,,,

"musicians": [

,******jsondatagrid.superclass.constructor.call(this, , [,,

,,autoload : true

cm       : new ext.grid.columnmodel([

new ext.grid.rownumberer(),,,

,,ext.extend(******jsondatagrid, ext.grid.gridpanel);

new ******jsondatagrid();

預覽圖:

/****** 簡單grid,以伺服器json資料作為資料來源 *******/

var ******gridbyremotedata = function() ),

reader: new ext.data.jsonreader(,,,

,,,,

,ext.extend(******gridbyremotedata, ext.grid.gridpanel);

new ******gridbyremotedata();

預覽圖:

/****** 簡單grid,以伺服器xml資料作為資料來源 *******/

var ******gridbyremotexmldata = function() ),

reader: new ext.data.xmlreader(,[,,

,,autoload : true

cm       : new ext.grid.columnmodel([

new ext.grid.rownumberer(),,,

,,ext.extend(******gridbyremotexmldata, ext.grid.gridpanel);

new ******gridbyremotexmldata();

預覽圖:

Extjs中獲取grid資料

1 grid.getstore getrange 0,store.getcount 得到grid所有的行 2 grid.getselectionmodel getselections 得到選擇所有行 注 如果不宣告var sm new ext.grid.checkboxselectionmodel ...

Extjs中批量刪除grid中資料

第一種 這是刪除選中的行的 在js頁面 定義修改後的json物件 var jsonarray 獲取選中的行 var storedata ext.getcmp contracttest page grid getselectionmodel getselections 選中行不為空 if stored...

Extjs學習 Grid例項

首先,乙個 應該有列定義,即定義表頭columnmodel 定義乙個columnmodel,表頭中有四列 var cm new ext.grid.columnmodel cm.defaultsortable true 該columnmodel定義了 的四個列,其每列的名稱和對應的資料鍵。請注意def...