我有一个带有单元格编辑插件的网格。当我单击要编辑的单元格时，有时组合框的下拉列表位于网格/窗口后面(我看不到它，但如果我修改窗口大小，我可以看到其后面的组合框项目)。
我的代码如下所示(我有一个包含此表单的窗口):
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
最佳答案
我不久前解决了这个问题。回来发布答案，以防有人需要。这似乎是一个 Sencha 错误，当窗口是模态时(就像我的情况一样)，它会导致下拉列表显示在窗口后面。我设法通过将 css 类分配给组合的下拉列表，并在组合设置中添加以下内容来找到解决方法:
listConfig: { cls: 'clsZIndexMax' }
其中 clsZIndexMax 是我的 css 类，其中包含 z-index: 100000 !important;
PS:我在4.0.7版本就有这个bug，不知道以后的版本是否已经解决了。
关于javascript - ExtJs - Javascript - 网格中的组合框(单元格编辑插件) - 网格/窗口后面的下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16042130/