具有北区域菜单问题的Ext.Viewport

Question

我的页面中有一个Ext.Viewport ... 在北区，我有一个下拉菜单... 但是当我将鼠标悬停在菜单项上时，菜单项会下拉，但项目会显示在中心区域面板下方。我无法让这个工作。我尝试设置z-index但根本没有运气。

帮助？

由于

Answer 1

我通过为区域分配id并创建CSS定义来解决问题。

     var viewport = new Ext.Viewport({
        layout: 'border',
        renderTo: Ext.getBody(),
        border: false,
        items: [{
            height: 60,
            region : 'south',
            contentEl: 'page-footer',
            border: false
        }, {
            region : 'center',
            contentEl: 'page-main',
            border: false
        }, {
            height : 90,
            id: 'page-header-panel',
            region : 'north',
            contentEl: 'page-header',
            border: false
        }]
    });

CSS

#page-header-panel .x-panel-body,
#page-header-panel .x-panel-bwrap {
   overflow: visible;
}