ExtJs - 动态 Ext.panel.Panel 在一个页面中

Question

我的页面中几乎没有面板，它们是根据应该呈现的数据类型动态创建的。
我想将复选框添加到特定面板的标题行。我通过它的属性（如它的名称\标题和字段计数）来识别此面板。然后我添加这样的复选框：

newPanel.header.items = [
   {
      xtype: 'checkbox',
      boxLabel: 'some text'
   }
 ];

但由于某种原因，此复选框将呈现到页面中的所有面板。
我确定上面的代码只发生一次 - 我已经发出警报来检查。我可以避免它并使复选框仅出现在一个特定面板上吗？有人可以指出为什么复选框会出现在我的所有动态面板中吗？

Answer 1

您应该使用父容器（我想是您的标头容器）的"add"方法或"setItems"方法，即：

var myPanel = Ext.create('Ext.panel.Panel');
var myHeader = Ext.create('Ext.container.Container');
myPanel.add(myHeader);
myHeader.add({xtype: 'checkbox'});

Answer 2

尝试以下代码

newPanel.getHeader().add({
    xtype: 'checkbox',
    boxLabel: 'Some Text'
});

这是小提琴供您参考。