ExtJS 动态增加与删除items，动态设置textField可见与否

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