1. 程式人生 > >extjs在表格中巢狀combox下拉框

extjs在表格中巢狀combox下拉框


主要是個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中編輯列的設定

{text: 'NG', width: 50, dataIndex: 'CheckFlag', align: 'center', editor: confirmCombox_NG,
                renderer: function (value) {
                    return Com.Const.getDisplayStr('SLIP_CONFIRM_NG_STATSU', value);

}
grid裡面設定外掛:


        plugins: [cellEditing]