extjs在表格中巢狀combox下拉框
阿新 • • 發佈:2019-01-07
主要是個cellEditing外掛
詳細參照官方網站:
http://www.mhzg.net/a/20116/20116913110262.html
我查了網上有一個例子,原理也是一樣,可以參考
http://192.168.1.117:8080/ext4.2/examples/build/KitchenSink/ext-theme-neptune/#cell-editing
自己寫的例子:
//確認狀態combox OK列 var confirmCombox_OK = Ext.create('Ext.form.ComboBox', { id: id_combo_OK, name: 'slipInfo.CheckFlag', value: 0, // 設定預設選中值 store: Ext.create('Ext.data.Store', { fields: ['value', 'display'], data: Com.Const.SLIP_CONFIRM_OK_STATSU }), editable: false, // 設定為只可選擇,不可編輯 queryMode: 'local', // 本地資料時使用'local' displayField: 'display', valueField: 'value' });
// 單元格可編輯外掛
var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
clicksToEdit: 1
});
editor: confirmCombox_NG
column中編輯列的設定
grid裡面設定外掛:{text: 'NG', width: 50, dataIndex: 'CheckFlag', align: 'center', editor: confirmCombox_NG, renderer: function (value) { return Com.Const.getDisplayStr('SLIP_CONFIRM_NG_STATSU', value); }
plugins: [cellEditing]