边框布局代码破坏，无法查看内容

Question

• 我有hbox布局，左边是树，右边是 它显示了标签。
• 但问题是我不应该使用hbox，但我应该使用border 布局。
• 当我使用两个列时，布局代码正在破碎。
• 为我的代码提供hbox布局。
• 你能告诉我如何让下面的代码在边框中工作吗？ 布局。

https://docs.sencha.com/extjs/4.1.3/#!/api/Ext.layout.container.Border

我正在尝试更改代码下面部分的边框

var createTreeAndContentPanel = function(tree) {
        var retval,
            contentPanel;

Answer 1

根据文档，如果您使用“边框”布局，则至少有一个子面板必须使用区域：“center”。 因此，您需要在包含标签的面板上应用region : center，并在包含树的面板上应用region : west。

最后，您需要使用layout: border

在父面板中添加这两个面板

来自doc：

  

使用Border布局的任何Container必须具有带区域的子项：'center'。中心区域中的子项目将始终调整大小以填充布局中其他区域未使用的剩余空间。