Question

我的页面中有几个面板，是关于应该呈现的数据类型动态创建的我想在特定面板的标题行中添加复选框。我通过它的属性识别这个面板（比如它的名称\标题和字段数）。然后我添加这样的复选框：

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

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

Answer 1

你应该使用＆＃34;添加＆＃34;方法或＆＃34; setItems＆＃34;父容器的方法（我猜你的标题容器），即：

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供您参考。

ExtJs - 一页中的动态Ext.panel.Panel

2 个答案: