Extjs6 0 grid 列表繫結json資料

2021-08-18 10:31:44 字數 1134 閱讀 6460

最近在做乙個專案由於前段使用extjs6.0,  簡單記錄一下grid列表繫結json資料如何實現,如下圖, 是乙個簡單的功能模組:

圖中是乙個資料列表繫結json資料來源,實現步驟:

1.首先得有乙個返回json格式資料來源介面,這裡就不寫了。

2.ext6.0可以建立乙個model ,並且指向乙個stroe, url寫自己的介面名稱,js**如下

alias: 'viewmodel.agentevalviewmodel',

data: ,

proxy: ,

actionmethods: ,

reader:

} })}

並且寫上viewmodel: 這裡的agentevalviewmodel就是剛剛我們建立的model的alias別名

3.接下來就是grid 部分的關鍵**,首先寫上 bind:"}, 這裡的agentevalstore就是model定義的stroe的id, 上面model**中有寫到。

region: 'center',

xtype: 'grid',

name: 'gridop',

bind:"

},bbar : ,

columnlines: true,

selmodel: ext.create("ext.selection.checkboxmodel", ),

columns: [

},  ,

else

}}, , ,

} },

agencynames=agencynames.substring(0, agencynames.lastindexof(','));  

return '檢視'+usernames;}}]

dataindex: 'f3'  相當於json資料的名稱鍵,修改f3換成對應的名稱鍵就可以。

extjs按某列值設定grid列背景顏色

如果是這樣定義的grid ext.ux.fundhotpoolgrid ext.extend ext.ux.basegrid,這個逗號是和上面的 分隔的 改變啟用列的背景色 viewconfig 但是如果是普通的那種定義grid,想根據值來讓某列的核取方塊處於選中狀態 那麼這樣 這個要在你給 gri...

Extjs學習 Grid例項

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

ExtJs中Grid的用法

本文整理自 http leadergxg.25291.84g.com extjs example index.html 簡單grid,以本地陣列資料作為資料來源 var grid function autoload true 自動載入資料 列定義,即定義表頭columnmodel,可以通過width...