ExtJS 4.2.2 ComboBox字段显示在Window后面

Question

我遇到一个问题，我弹出一个带有加载的comboBox的窗口，当我点击它时，字段会显示在窗口后面。

认为我可能使用了一些设置错误，我根据ComboBox的文档创建了一个小测试，它也在这里为我做。 （如果您尝试，可能需要向上拖动窗口底部以查看选项）

showTestWindow = function() {
var states = Ext.create('Ext.data.Store', {
    fields: ['abbr', 'name'],
    data : [
        {"abbr":"AL", "name":"Alabama"},
        {"abbr":"AK", "name":"Alaska"},
        {"abbr":"AZ", "name":"Arizona"}
        //...
    ]
});

var window = Ext.create('Ext.window.Window', {
    width: 525,
    height: 280,
    items: [// Create the combo box, attached to the states data store
                {
        xtype: 'combobox',
            fieldLabel: 'Choose State',
            store: states,
            queryMode: 'local',
            displayField: 'name',
            valueField: 'abbr'
                }
    ]
}).show();
}

我创建了一个JSFiddle，但它没有问题。 http://jsfiddle.net/N9VUr/（我假设JSFiddle环境有所不同？）

我用Firefox和Internet Explorer试过这个

这是Sencha的错误，还是我做错了什么？解决这个问题的最简单方法是什么？

修改

此外，如果我能让其他人也进行测试，那么请保证不仅仅是我的本地设置或我的目的。

截图：

Answer 1

如果您急于解决问题，最快的解决方案是添加css。

.x-combo-list{z-index:100000 !important;}

Answer 2

您观察到的行为可能与您在窗口之前创建组合的事实有关。

使用xtype将复选框的创建推迟到窗口的渲染。

var window = Ext.create('Ext.window.Window', {
    width: 525,
    height: 280,
    items: [{
        xtype: 'combobox',
        fieldLabel: 'Choose State',
        store: states,
        queryMode: 'local',
        displayField: 'name',
        valueField: 'abbr'
    }]
}).show();

Answer 3

此问题可能是由当前页面上其他代码块中的错误引起的。这个观点基于我自己的经验