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

现在要使用的是在center-panel中将gridpanel去掉，换成一个treepanel

于是乎，就写了如下代码：

var items=Ext.getCmp('center-panel').items;

for(var i=0;i<items.length;i++){

  Ext.getCmp('center-panel).remove(items[i]);

}

var treePanel=new Ext.tree.TreePanel({....})

（treepanel 的定义看在Ext Tree分类中~，链接：Ext-tree专题）

然后：

Ext.getCmp('center-panel').add(treePanel).doLayout();

这样，就实现在了在Ext.Viewport中动态添加/删除panel的功能

 

来自：http://faceye.com/haipeng/article/402881e421973ac00121a4a2129a00d4.html

 

 

1. Ext.getCmp('textFieldId').setVisible(false);   
2. Ext.getCmp('textFieldId').getEl().up('.x-form-item').setDisplayed(false); 

/**

  *动态设置fieldLabel的值与

  *动态设置是否可见

  */

if (bFlag){
     mNextDate.el.parent().parent().parent().first().dom.innerHTML   = '下次年审日期';
     mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '年审日期';
     
     mReviewProject.setVisible(true);
     mReviewProject.getEl().up('.x-form-item').setDisplayed(true);
     
     mReviewContent.setVisible(true);
     mReviewContent.getEl().up('.x-form-item').setDisplayed(true);
     
     mReviewState.setVisible(false);
     mReviewState.getEl().up('.x-form-item').setDisplayed(false);
     
    }else{
     mNextDate.el.parent().parent().parent().first().dom.innerHTML   = '结束时间';
     mReviewDate.el.parent().parent().parent().first().dom.innerHTML = '起始时间';
     
     mReviewProject.setVisible(false);
     mReviewProject.getEl().up('.x-form-item').setDisplayed(false);
     
     mReviewContent.setVisible(false);
     mReviewContent.getEl().up('.x-form-item').setDisplayed(false);
     
     mReviewState.setVisible(true);
     mReviewState.getEl().up('.x-form-item').setDisplayed(true);
    }