change fieldLabel of Ext.form.Field

[Condor]

That's completely correct, but the 'label' property is only available in Ext 3.0.1 and up.

So for older Ext versions you would use the code from post #7.

[Joyfulbob]

I used Ext.getCmp('daterange').label.update('Range '); and it works.
Tell me if I am wrong.

This works for me; thanks! We can use this a lot to reduce form size.

[i.stojanovic]

Hi,

If you want to change the label in ExtJS 4, here are solutions

Ext.override(Ext.form.Field, {
    setFieldLabel : function(text) {
        if (this.rendered) Ext.get(this.labelEl.id).update(text);
        this.fieldLabel = text;
    }
}); 

It is necessary to define an initial value for fieldLabel, can not be an empty string (  can)

[nfuids]

I think the method applyFieldLabel(value) should be overwritten... as explained in the article http://docs.sencha.com/ext-js/4-0/#!/guide/class_system

[bugfixer]

I used Ext.getCmp('daterange').label.update('Range '); and it works.
Tell me if I am wrong.

thanxxx arefin... its workes great.....

[endipratama]

For ExtJS 4 user, you can replace label with labelEl, if you want to use this line of code.

Ext.getCmp('field_id').label.update('text_to_change');

replace with:

Ext.getCmp('field_id').labelEl.update('text_to_change');

because, i tried with label and it not worked for me. but after replace label with labelEl, it works.

[namrms]

Ext.getCmp('daterange').labelEl.update('Range '); works for me on Ext 4.0

[ngocdoangia]

thank you very much

[stephansun]

I would recommend:

Ext.override(Ext.form.Field, {  setFieldLabel : function(text) {    if (this.rendered) {      this.el.up('.x-form-item', 10, true).child('.x-form-item-label').update(text);    }    this.fieldLabel = text;  }});

thanks, completely works for ExtJS 3

[Clint Mercado]

I've tried this but it only fire once. Why is that?