button - How to close parent container in extjs

Question

I tried to close parent window in extjs with this.up().close(), but this.$className is undefined. I am looking for a solution without using Ext.getCmp.

https://fiddle.sencha.com/#view/editor&fiddle/3b4i

question from:https://stackoverflow.com/questions/65621697/how-to-close-parent-container-in-extjs

Answer 1

Not sure what you want to hide, anyway:

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.create('Ext.Container', {
            renderTo: Ext.getBody(),
            items: [{
                xtype: 'panel',
                title: 'my Panel',
                html: "Some text.",
                width: 350
            }, {
                xtype: 'box',
                html: '<a href="#" class="link-forgot-password"> Close window</a>',
                listeners: {
                    render: function () {
                        this.getEl().on('click', function () {
                            //this.up('container').hide(); // Hide wrapper container
                            this.previousSibling().hide(); // Hide previous Panel
                        }, this);
                    }
                }
            }]
        });
    }
});