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

转载于:https://www.cnblogs.com/huchaolan/p/4136237.html