граница разметка кода нарушение, не в состоянии видеть содержимое

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

Согласно документации, если вы используете «Border» макет, по крайней мере, один из ребенка панель должна использовать регион: «центр». Итак, вам нужно применить region : center на панели, содержащей вкладки, и region : west на панель, содержащую дерево.

Наконец, вам нужно добавить эти 2 панели внутри родительской панели с layout: border

От дока:

Любого Контейнер с использованием макета Border должен иметь ребенок элемент с регионом :'центр'. Детский элемент в центральной области всегда будет изменен, чтобы заполнить оставшееся пространство, не используемое другими регионами в макете.