javascript - 边框布局代码中断，无法看到内容

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

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

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

的父面板中

来自文档:

Any Container using the Border layout must have a child item with region:'center'. The child item in the center region will always be resized to fill the remaining space not used by the other regions in the layout.