extjs - 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'
});

这是Fiddle供您参考。