在布局边框中添加项目 - extjs

Question

我需要在layout border 的北段添加两个框

它会是这样的：我需要添加红色框/面板（但我不想保留边框）

这是我的尝试：

...
{

        region: 'north', 
        split: true,
       //xtype : 'box',
        height: 100,
        layout : 'anchor',

        items: [{ xtype: 'box', id: 'header', height: 100, anchor: '70%',
                  html: '<h1> my title</h1>'},
                {
                    xtype: 'panel', title: 'title', border: 'false', frame: false,  height: 100,
                    html: '<h1> my info</h1>'
                }]
    }
...

第二个面板不起作用

感谢您的帮助

Answer 1

如果你想进一步分割你的北面板，那么你应该使用 layout:'border'。 否则，您可以直接将您的项目添加到北部区域，而无需使用布局。 如果你不想要边框，你应该使用 border:false

Answer 2

在北部地区再次使用边框布局会更好......

region: 'north', 
split: true,
//xtype : 'box',
height: 100,
layout : 'border',
items: [{ 
      xtype: 'box',
      id: 'header',
      region: 'center',
      height: 100,
      anchor: '70%',
      html: ' my title'
}, { 
      xtype: 'panel',
      region: 'east'
      border: 'false',
      frame: false,
      height: 100,
      width: '49%',
      html: ' my info'
   }]
...

应该没问题。