Hiding an overlay with a nested button

[Rohall]

Hey everyone. I'm trying to find a way to hide a popup overlay with a nested button or listen event. I'm able to hide the panel itself, but the overlay still remains and so does the mask. Does anyone know how I can overcome this?

[Rohall]

to simplify, I want to mimic the effect you get when clicking outside of a popup, but by using a button within the popup.

[evant]

Call the hide method on the panel.

[evant]

Ext.setup({
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    icon: 'icon.png',
    glossOnIcon: false,
    
    onReady: function() {
        var p = new Ext.Panel({
            floating: true,
            width: 200,
            height: 200,
            modal: true,
            dockedItems: [{
                xtype: 'toolbar',
                dock: 'top',
                items: [{
                    text: 'Hide',
                    handler: function(){
                        p.hide();
                    }
                }]
            }]
        }).show();
    }
});

[Rohall]

Evant gave me a hand with this in the IRC channel. Instead of using addListener, we used on() (which allows you to set the scope).