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

?

?

總結

以上是生活随笔為你收集整理的ExtJS 动态增加与删除items，动态设置textField可见与否的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。