1. #1
    Sencha User
    Join Date
    Jul 2010
    Posts
    56
    Vote Rating
    0
    Rohall is on a distinguished road

      0  

    Default Hiding an overlay with a nested button

    Hiding an overlay with a nested button


    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?

  2. #2
    Sencha User
    Join Date
    Jul 2010
    Posts
    56
    Vote Rating
    0
    Rohall is on a distinguished road

      0  

    Default


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

  3. #3
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,120
    Vote Rating
    508
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Call the hide method on the panel.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,120
    Vote Rating
    508
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Code:
    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();
        }
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  5. #5
    Sencha User
    Join Date
    Jul 2010
    Posts
    56
    Vote Rating
    0
    Rohall is on a distinguished road

      0  

    Default


    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).

Similar Threads

  1. Disabling or hiding DatePicker today button [2.0.1]
    By halkon_polako in forum Community Discussion
    Replies: 5
    Last Post: 30 Oct 2008, 11:37 PM
  2. hiding close button of Ext.Msg
    By wavel in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 5 Oct 2008, 11:22 PM
  3. TabPanels hiding Collapse button
    By Domitian in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 1 Dec 2007, 12:03 PM
  4. BasicDialog hiding with form button
    By StealthRT in forum Ext 1.x: Help & Discussion
    Replies: 9
    Last Post: 5 Feb 2007, 11:11 PM

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar