现在要使用的是在center-panel中将gridpanel去掉，换成一个treepanel
于是乎，就写了如下代码：
显示代码打印1 var items=Ext.getCmp('center-panel').items;
2
3 for(var i=0;i<items.length;i++){
4
5 Ext.getCmp('center-panel).remove(items[i]);
6
7 }
8
9 var treePanel=new Ext.tree.TreePanel({....})
（treepanel 的定义看在Ext Tree分类中~，链接：Ext-tree专题）
然后：
显示代码打印1 Ext.getCmp('center-panel').add(treePanel).doLayout();
这样，就实现在了在Ext.Viewport中动态添加/删除panel的功能
显示代码打印01 Ext.getCmp('textFieldId').setVisible(false);
02 Ext.getCmp('textFieldId').getEl().up('.x-form-item').setDisplayed(false);
03 /**
04
05 *动态设置fieldLabel的值与
06
07 *动态设置是否可见
08
09 */
10
11 if (bFlag){
12 mNextDate.el.parent().parent().parent().first().dom.innerHTML = '下次年审日期';
13 mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '年审日期';
14
15 mReviewProject.setVisible(true);
16 mReviewProject.getEl().up('.x-form-item').setDisplayed(true);
17
18 mReviewContent.setVisible(true);
19 mReviewContent.getEl().up('.x-form-item').setDisplayed(true);
20
21 mReviewState.setVisible(false);
22 mReviewState.getEl().up('.x-form-item').setDisplayed(false);
23
24 }else{
25 mNextDate.el.parent().parent().parent().first().dom.innerHTML = '结束时间';
26 mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '起始时间';
27
28 mReviewProject.setVisible(false);
29 mReviewProject.getEl().up('.x-form-item').setDisplayed(false);
30
31 mReviewContent.setVisible(false);
32 mReviewContent.getEl().up('.x-form-item').setDisplayed(false);
33
34 mReviewState.setVisible(true);
35 mReviewState.getEl().up('.x-form-item').setDisplayed(true);
36 }