如何修改TextField的Label和EmptyText

在需求中常常有修改form表单的标签和空文本提示,在渲染后组件有些字符固定下来

除非使用document进行原始修改,通过查询stackflow,我介绍更方便方法

模拟场景:点击ChangeLabel后TextField和emptyText都要修改









相关代码:

function buildField(){
var field = new Ext.form.TextField({
id:'field',
fieldLabel:'TextField',
emptyText:'emptyText',
width:300
});
var btn = new Ext.Button({
id : 'btn',
text : 'changeLabel',
handler:function(){
var f = Ext.getCmp('field');
//通过方位Properties属性得到label对象,使用update方法可以更新innerHMTL
f.label.update('I had change:');
//修改emptyText是通过查看源代码得到的,reset方法会调用applyEmptyText方法重置emptytext
f.emptyText = "emptyChange";
f.reset();
}
})
var form = new Ext.form.FormPanel({
id:'FormPlane',
renderTo:Ext.getBody(),
border:false,
frame:false,
style:'margin-top:5px',
labelAlign:'right',
items:[field,btn]
});
}
Ext.onReady(buildField);