现在要使用的是在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     }