Question

Usually an ExtJS component/object is constructed by passing a config object to it’s constructor, e.g.

    this.serviceFiltersPanel = new Ext.FormPanel({
        title: 'some title',
        layout:'anchor',
        buttonAlign: 'left',
        buttons: [
            {
                xtype: 'button',
                text: 'Click Me',
                handler: function () {

                    // How do I get a reference to the FormPanel 
                    // under construction here?
                });
            }
        ]
    });

Is there any way to get a reference to the FormPanel object being constructed from inside the button handler?

Answer 1

var formPanel = new Ext.FormPanel({
    title: 'some title',
    layout:'anchor',
    buttonAlign: 'left',
    buttons: [
        {
            xtype: 'button',
            text: 'Click Me',
            handler: function () {

                // Q: How do I get a reference to the FormPanel 
                // under construction here?

                // A: use the formPanel variable.
            });
        }
    ]
});

this.serviceFiltersPanel = formPanel;