如何停止重叠的ExtJS TreeList项目？

Question

我将边框布局面板与TreeList组件和面板放在中间使用，但是当我将面板添加到中心卡面板时，TreeList项与面板标题重叠。

如何解决？

重现步骤：单击Home菜单项

ExtJS 6.0.0.640，Triton主题

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

Answer 1

将中心区域的z索引设置为小于菜单值的值。 在您的小提琴示例中，此参数的值为零。

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

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