如何修改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);