javascript - ExtJs - Javascript - 网格中的组合框(单元格编辑插件) - 网格/窗口后面的下拉列表

Question

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

我的代码如下所示(我有一个包含此表单的窗口):

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
        }]
    })]
}]

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

Answer 1

我不久前解决了这个问题。回来发布答案，以防有人需要。这似乎是一个 Sencha 错误，当窗口是模态时(就像我的情况一样)，它会导致下拉列表显示在窗口后面。我设法通过将 css 类分配给组合的下拉列表，并在组合设置中添加以下内容来找到解决方法:

listConfig: { cls: 'clsZIndexMax' }

其中 clsZIndexMax 是我的 css 类，其中包含 z-index: 100000 !important;

PS:我在4.0.7版本就有这个bug，不知道以后的版本是否已经解决了。