1

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

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

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

4

1 回答 1

1

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

listConfig: { cls: 'clsZIndexMax' }

clsZIndexMax我的 CSS 类在哪里包含z-index: 100000 !important;

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

于 2013-05-12T22:17:15.163 回答