Grid 「操作」列的plugin

2021-08-25 06:40:50 字數 1035 閱讀 6188

儘管ext的常用設計是把對grid記錄的操作放在tbar或者bbar上,當總有人的需求與這個不一樣。希望在每一條記錄的後面,新增一列「操作」,對記錄進行管理(修改、刪除等)

於是,在參考了checkbox 的plugin以後,就可以完成上面的任務了。

外掛程式的**:

grid3-operate-col 的css**:

.grid3-operate-col

這裡支援兩種顯示方式:

1.放上來表示操作——需要寫上的位置和提示(可選)

2.寫上文本來表示操作——需要寫上文字和定義樣式(可選)

來看乙個使用例子:

首先是建立這樣的乙個例項:

var opcolumn = new ext.ux.operatecolumn(,

/*qtips:'修改',

icon:'edit.gif'*/

text: '修改',

textstyle:'color:blue'

},,text:'刪除',

textstyle:'color:red'

/* qtips:'刪除',

icon:'delete.gif'*/}]

});

在grid中的應用:

.....

var grid = new ext.grid.gridpanel(,,,

,,opcolumn//作為一列

],striperows: true,

autoexpandcolumn: 'company',

height:350,

width:600,

title:'array grid'

,plugins:opcolumn//新增外掛程式

});.......

最後,上2張pp:

[img]

[img]

Ext獲取grid選中列的值

var sm new ext.grid.checkboxselectionmodel 選擇列 singleselect true 只能選擇單行 將sm載入進grid var listgrid new ext.grid.gridpanel 取出選中行的物件 var clickone listgrid....

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

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

Ext中grid刪除操作

grid.getselectionmodel getselected 獲取選中的第一條記錄,返回record型別 grid.getselectionmodel getselections 獲取選中的全部記錄,返回乙個陣列,裡面全是record型別 grid.store.remove record 引...