Panel onClick event

[mchambaud]

Hello

I want to open a new Ext.Window() when the user clicks on a panel.. I used

myPanel.on('click', function() {..}); 

but it did not work... I looked in the docs and found that there's no public event click on a panel...

I also tried this but it did not do anything.. tried several panel.event, none worked!...

       var myPanel = new Ext.Panel({
        html: 'foobar',
        baseCls: 'someClass',
        listeners: {
            activate: function(){
                Ext.Msg.alert('test','test');              
            }
        }
    }); 

How could I go around that?
Any examples of working with panels and events? click events on panel?

[Animal]

Browser events are available directly from DOM elements. So it's an element of the Panel that you want. That's header, body, footer, or getEl() for the overall element.

Panels do not fire an activate event unless they are chldren of a TabPanel, and that TabPanel activates them.

[Animal]

And obviously the Panel has to be rendered before you can access its elements to add listsners...

[mchambaud]

any examples... I kinda lost lol

[Animal]

In your Ext examples/* directories. About 80 of them. Plus the Community Manual in the "Learn" section. Plus the API docs about Observable and Element.

[mchambaud]

Ok made it work thx!!!

[Stripeman]

Ok made it work thx!!!

Care to share your example please ?

Thanks much!

[rahma]

mchambaud could you share your example please!

[rahma]

hi finally i succed attaching a click event listener to a panel and this is an example :

var simple = new Ext.Panel({
frame:true,
defaultType:'label',
items: [
{text:'réf :'},
{text: 'famille :'},
{text: 'classmt :'}
],
listeners: {render: function(c) {c.body.on('click', function() { alert('onclick');});},
scope: this
}
});

[Rencom]

hi finally i succed attaching a click event listener to a panel and this is an example :

var simple = new Ext.Panel({
frame:true,
defaultType:'label',
items: [
{text:'réf :'},
{text: 'famille :'},
{text: 'classmt :'}
],
listeners: {render: function(c) {c.body.on('click', function() { alert('onclick');});},
scope: this
}
});

hm, i dont know you bind `click` event to `body`... i did the same but with `el`:

c.el.on(...)

may be someone will find this useful.