Question

我有一个带有单元格编辑插件的网格。当我单击要编辑的单元格时，有时组合框的下拉列表位于网格/窗口后面（我看不到它，但如果我修改窗口大小，我可以看到它后面的组合框项目）。 / p>

我的代码看起来像这样（我有一个包含这个表单的窗口）：

items: [{
    xtype: 'form',
    items: [
    me.currentMultipleValuesGrid = Ext.create('Ext.grid.Panel', {
        store: me.gridStoreToValidate,
        plugins: [Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1,
            delay: 10
        })],
        listeners: {
            validateedit: function (editor, cell, eOpts) {
                //cell.cancel = true;
            }
        },
        columns: [{
            header: GTR(CLNAME(me), 'colSource.Text', 'Source'),
            dataIndex: 'source',
            flex: 1
        }, {
            dataIndex: 'name',
            header: GTR(CLNAME(me), 'colLinkDestination.Text', 'Link destination'),
            editor: {
                xtype: 'combobox',
                queryMode: 'local',
                valueField: 'nr',
                displayField: 'name',
                store: me.comboBoxEditorStore,
                listeners: {
                    change: function (thisCmb, newValue, oldValue) {

                    },
                    beforerender: function (thisCmb, eOpts) {

                    }
                }
            },
            flex: 1
        }, {
            dataIndex: 'linkdestination',
            hidden: true
        }]
    })]
}]

我认为这是一个布局问题，所以我尝试了不同的布局（锚点和拟合）分配给窗口，网格或表单，以及它们的各种组合。到目前为止没有成功。有任何想法吗？谢谢。我正在使用Extjs 4.0.7

Answer 1

我刚才解决了这个问题。回来发布答案，万一有人需要它。它似乎是一个Sencha错误，当窗口是模态时（例如在我的情况下），导致下拉列表显示在窗口后面。我设法通过在组合设置中添加一个css类到组合的下拉列表来设法解决方法：

listConfig: { cls: 'clsZIndexMax' }

其中clsZIndexMax是包含z-index: 100000 !important;

的css类

PS：我在4.0.7版本中遇到了这个错误，不知道他们是否已经在未来版本中解决了这个问题。

ExtJs - Javascript - Grid中的ComboBox（单元格编辑插件） - Grid / Window后面的下拉列表

1 个答案: