javascript - 如何停止重叠 ExtJS TreeList 项目？

Question

我正在使用带有 TreeList 组件的边框布局面板和位于中心的面板，但是当我将面板添加到中心卡面板时，TreeList 项目与面板标题重叠。

如何解决？

重现步骤:单击Home菜单项

ExtJS 6.0.0.640，Triton 主题

演示在这里: https://fiddle.sencha.com/#view/editor&fiddle/2cs7

Answer 1

将中心区域的 z-index 设置为小于菜单的值。在您的 fiddle 示例中，这适用于值零。

// JavaScript
{
    xtype: 'panel',
    region: 'center',
    cls: 'panel-center'
}

// CSS
.panel-center {
    z-index: 0;
}