边框布局代码损坏，看不到内容

Question

• 我有hbox布局，在左侧显示树，在右侧显示选项卡。
• 但是问题是我不应该使用hbox，而应该使用边框布局。
• 当我使用两列布局代码时会中断。
• 为我的代码提供hbox布局。
• 你们能告诉我如何使以下代码在边框布局中工作吗？

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

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

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

Answer 1

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

最后，您需要将这2个面板添加到具有以下layout: border的父面板中layout: border

从文档：

任何使用“边框”布局的“容器”都必须有一个子项，其区域为“ center”。 中心区域中的子项将始终调整大小以填充布局中其他区域未使用的剩余空间。