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