Extjs retrieve label beforerender

Question

I'm trying to load the text of a label on the beforerender event. So I attached the beforender event... as below

{
    xtype: 'label',
    text: 'VOID',
    listeners: {
        beforerender: {
        fn: me.onLabelBeforeRender,
        scope: me
    }
},

Ext.Ajax.request({
    url: '/who',
    method: 'GET',
    params: {
        id: 1
    },
    success: function(response){
        var text = Ext.decode(response.responseText);
        alert(text);
        // process server response here
    }
});

And now I would like to change the label from VOID into the response value of /who However I fail to see how I can access that label in a decent way. Of course I can add an id use getcmp however that seems so clumsy, or is that the way to go?

score 2 · Accepted Answer · edited May 23 '17 at 12:27

2

Actually, as far as performance goes, an id + Ext.getCmp() is the most efficient option. See this question for more.

It will definitely be faster than adding a listener, for which you get quite a healthy call stack.

edited May 23 '17 at 12:27

Community

1
1

answered Sep 03 '12 at 12:33

Izhaki

23,372
9
69
107

Never use static ID and getCmp.This is the worst way that can be in ExtJS – Andrew Koshkin Jul 31 '23 at 11:59

score 0 · Answer 2 · answered Sep 03 '12 at 12:08

define the label like this

{
    xtype: 'label',
    text: 'VOID',
    itemId:'someLabel',
    listeners: {
        beforerender: {
        fn: me.onLabelBeforeRender,
        scope: me
    }
}

now because you are keeping the scope as me which im assuming is some ancestor of label so with in the onLabelBeforeRender function you can access me by the this keyword. so in that function retrieve the label as

var label = this.down('label[itemId="someLabel"]');
label.setText('WHATEVER YOU WANT HERE');

Is equal to `this.down('#someLabel')` – Andrew Koshkin Jul 31 '23 at 12:00 — Andrew Koshkin, Jul 31 '23 at 12:00

Extjs retrieve label beforerender

2 Answers2