如何停止重叠 ExtJS TreeList 项目？

Question

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

如何解决？

重现步骤：点击Home菜单项

ExtJS 6.0.0.640，Triton 主题

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

Answer 1

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

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

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