ExtJs 学习笔记（二）添加/删除子控件

在项目中有个需求，就是要点击列表里的某一行替换掉一个版面里的内容，用到add()与remove()方法，不过有一个大坑。来看代码：

    items:[{                      region: 'north',                      hidden:false,                      items:[{                          id:'echarBox1',                      },{                          id:'infoBox1',                          hidden:true,                          layout: 'fit',                      },{                          id:'infoBox2',                          hidden:true,                          layout: 'fit',                      }]

var fc=Ext.getCmp('infoBox1');         fc.removeAll(); //把原来的删除        fc.add(idCardSearchInfoPanel);//替换成你的组件        fc.doLayout(); 

有一个坑就是如果你用region来布局，这种方法是失效的。那么怎么解决呢？只要在这个item里面在加一个不用region属性的item就可以了。