javascript - 我可以将 extjs 区域拆分为子区域吗？

Question

我目前有这个:

  Ext.applyIf(me, {
        items: [
            {
                xtype: 'HeaderPanel',
                region: 'north'
            },
            {
                xtype: 'MainMenuPanel',
                flex: 1,
                region: 'west',
                split: false
            },
            {
                xtype: 'AccordionTreePanel',
                flex: 1,
                region: 'west',
                split: false
            },
            {
                xtype: 'ContentTabPanel',
                flex: 3,
                region: 'center'
            }
        ]
    });

我希望将“HeaderPanel”分为多个子区域。与此类似的东西:

 {
     xtype: 'HeaderPanel',
     region: 'north',
     items: [
           {
               xtype: 'LeftHeaderPanel',
               region: 'west'
           },
           {
               xtype: 'RightHeaderPanel',
               region: 'center',
           },
     ]
 },

我可以在这里做点什么吗？或者我需要使用不同的东西来自定义我的布局吗？

谢谢。

Answer 1

您走在正确的道路上。您只需在 region:'north' 之后的第二个代码块中设置 layout:'border' 就可以了。

实际上是嵌套在边框布局中的边框布局。但是，您应该考虑一下您是否真的需要内北地区边框布局的所有功能。您也许可以使用更轻的 hbox 布局。