ExtJS 4.2.2 ComboBox字段显示在Window后面 [英] ExtJS 4.2.2 ComboBox fields show up behind Window

查看:81
本文介绍了ExtJS 4.2.2 ComboBox字段显示在Window后面的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我遇到一个问题,我弹出一个带有已加载的comboBox的窗口,当我单击它时,这些字段显示在窗口的后面.

I'm having an issue where I pop up a window with a loaded comboBox, and when I click on it, the fields show up behind the window.

考虑到我可能使用的设置有误,我根据ComboBox的文档创建了一个小测试,它也在这里为我做. (如果尝试,可能需要向上拖动窗口底部才能看到选项)

Thinking I may be using some setting wrong, I created a small test based off the documentation of the ComboBox, and it does it here for me as well. (If you try it, may need to drag the bottom of the window up to see the options)

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环境有什么不同吗?)

I created a JSFiddle, but it doesn't have the issue. http://jsfiddle.net/N9VUr/ (I assume something is different about the JSFiddle environment?)

我在Firefox和Internet Explorer上都尝试过

I've tried this with both Firefox and Internet Explorer

这是Sencha的错误,还是我做错了什么?解决此问题的最简单方法是什么?

Is this a Sencha bug, or am I doing something wrong? What's the easiest way to fix this?

修改

另外,请放心,这不仅是我的本地设置,还是我自己的东西,如果我也可以让其他人对其进行测试,将不胜感激.

Also, reassurance that it isn't just my local settings or something on my end would be appreciated if I could get someone else to test it as well.

截屏:

推荐答案

如果您急于寻求修复,最快的解决方案是添加css.

The quickest solution if you rush for a fix is by adding css.

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

这篇关于ExtJS 4.2.2 ComboBox字段显示在Window后面的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆