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就可以了。