Dynamically Changing the Form label

[murugapradeep]

Hello,

Is there any way to change the field label in the form dynamically?
if you have any ideas please guide me to do this.


Thanks in advance

[AndreaCammarata]

Hello.
Actually there is not a function like "setLabel" defined for "Ext.form.Field" components that makes you change easily the label value.
However, I wrote you a simple example that show you how to do what you request.

Ext.setup({
    onReady: function() {
        
        var form = new Ext.form.FormPanel({
            fullscreen: true,
            dockedItems: [{
                xtype: 'toolbar',
                title: 'Example',
                items: [{
                    xtype: 'button',
                    text: 'Change Label',
                    handler: function(){
                    
                        //Set the new label value
                        form.getComponent('txtFirst').labelEl.dom.innerHTML = 'Hello';
                
                    }
                }]
            }],
            items: [{
                xtype: 'textfield',
                itemId: 'txtFirst',
                name : 'first',
                label: 'First name'
            }]
        });
    }
    
});

What I do in this example is take the wanted Field component from the form and then change the innerHTML of the labelEl.

Hope this helps.

[murugapradeep]

Thanks a lot for your reply , I got it.

[AndreaCammarata]

You are welcome.

[r4nd7263]

Why no "setLabel" ?