2

场景描述：我有一个带有 ExtJS 容器的边框布局，其中包含一对多窗口和一个面板（充当任务栏）。我希望任务栏始终位于顶部。如果 Window处于活动状态并因此位于 front，则调用toFront不会按预期将其放在前面。

保留在最前面的 ExtJS窗口在Border 布局center区域内，而作为任务栏的面板在该区域内，如下所示：south

items: [
        { 
            xtype: 'maincontainer', id:'maincontainer',
            region : 'center'
        },
        {
            xtype: 'launchpanel', id:'launchpanel', 
            region: 'south',
            collapsible : true,
        }        
],

wheremaincontainer和launchpanelextendExt.container.Container和Ext.panel.Panel分别。此代码位于主容器中，它是 ExtJS MVC 应用程序中唯一的项目Viewport。

我怎样才能让launchpanel总是在前面/在上面？

4

1 回答 1

1

从我同时阅读的内容来看，前面出现的内容是由 CSS z-index属性决定的。

然后我找到了这个关于如何为面板设置 z-index 的答案。因此，我通过在控制器中使用以下代码段来为 Panel 设置每次渲染时的 z-index：

'launchpanel': {
    expand: function(panel) { 
        panel.getEl().setStyle('z-index','80000');
    },
...

不过，如果有人有更好的方法来完成上述操作，请分享！

于 2012-07-16T21:44:11.200 回答