extjs在表格中嵌套combox下拉框

最新推荐文章于 2025-06-01 15:23:25 发布

原创最新推荐文章于 2025-06-01 15:23:25 发布 · 8.5k 阅读

2 ·

CC 4.0 BY-SA版权

extjs 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了如何在ExtJS的表格中使用cellEditing插件嵌套ComboBox下拉框，提供了官方示例链接及个人实现案例，帮助读者理解和应用此功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

主要是个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]