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

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)

}

html只接受字符串, 不接受Ext.Component或Element或原生DOM对象, 但可以是调用方法返回的字符串. 也可以是function字面量调用, function(){...}()这样.

为item指定id属性, 使用原生方法修改DOM对象innerHTML, document.getElementById(id), 任何位置都可调用. 不过有浏览器兼容性问题.

如果只是要生成div的化完全可以使用Ext.Panel代替, 在任意位置都可以调用_window.add/remove增减items, 之后需要调用_window.render方法重新render

---