Ext页面的部分更新

Question

最近刚学Ext对于页面的部分更新有点疑惑
 定义
var viewer=new Ext.Viewport({
         layout:'border',
         items:[
           westPanel,
          centerPanel      
        ]
      });
westPanel和centerPanel是分布在页面的两个Panel实例，我现在要从westPanel中发触发一些事件导致centerPanel内容改变，注意这里的改变不仅仅是值的改变，而是里边的组件都已经更改，类似于 重新定义一个panel加载到以前centerPanel的位置，而以前的centerPanel被覆盖，或删除。
 不知道这个问题该怎么解决

Answer 1

往centerPanel 里动态的增删改 就行了呀。

Answer 2

我试了下，如果centerPanel有form组件，我在centerPanel遍历删除，但是form怎么删不掉啊。
  以下是遍历删除代码：
  var tem=Ext.getCmp("center_panel").items;
   for(var i=0;i<tem.length;i++)
Ext.getCmp("center_panel").remove(tem[i]);
没报错误，但是没反应

Answer 3

找到问题了把 tem[i]换成tem.get(i)
谢了