邊框布局代碼損壞，看不到內容

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”。 中心區域中的子項將始終調整大小以填充布局中其他區域未使用的剩余空間。