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的功能


Ext.getCmp('textFieldId').setVisible(false);
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);
}