Changing fieldLabel dynamically in TextField

[Condor]

1. Put this directly after including ext-all.js:

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

2. Use:

Ext.getCmp('id-of-your-text-field').setFieldLabel('other label');

[skaue]

Hmm.. got it to work now... It might be the fact that this label was in a popup window (with a form), and I needed to actually display the form first, then I can update the element.

Yea, that would make sense, and I need to stay sane about this

[Condor]

OK, how about this then:

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);
		} else {
			this.fieldLabel = text;
		}
	}
});

[skaue]

yea... thats even more clever... now tell me; why isn't this a part of the API?

[evant]

Because the form layout is in charge of rendering the labels on form fields. It's a little weird.

[skaue]

well.. as long as Condor is around to hand his elite help

[sksoft]

All of you forgot about labelSeparator
Try to make it carefully...

Ext.override(Ext.form.Field, {
    setFieldLabel: function(text) {
        if (this.rendered) {
            var labelSeparator = this.labelSeparator;

            if (typeof labelSeparator == 'undefined') {
                if (this.ownerCt && this.ownerCt.layout && typeof this.ownerCt.layout.labelSeparator != 'undefined')
                    labelSeparator = this.ownerCt.layout.labelSeparator;
                else
                    labelSeparator = '';
            }

            var formItem = this.el.up('.x-form-item', 10);

            if (formItem) {
                var label = formItem.child('.x-form-item-label');

                if (label)
                    label.update(text + labelSeparator);
            }
        } else
            this.fieldLabel = text;
    }
});

[marcio.freitas]

Code:

Ext.override(Ext.form.Field, {
setFieldLabel: function(text) {
if (this.rendered) {
var labelSeparator = this.labelSeparator;

if (typeof labelSeparator == 'undefined') {
if (this.ownerCt && this.ownerCt.layout && typeof this.ownerCt.layout.labelSeparator != 'undefined')
labelSeparator = this.ownerCt.layout.labelSeparator;
else
labelSeparator = '';
}

var formItem = this.el.up('.x-form-item', 10);

if (formItem) {
var label = formItem.child('.x-form-item-label');

if (label)
label.update(text + labelSeparator);
}
} else
this.fieldLabel = text;
}
});