在布局边框中添加项目 - 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

如果您想进一步对北面板进行分区，则应使用布局：'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'
   }]
...

这应该可行。