Can't get contextmenu/click event working

[lasseok]

Hi guys

I'm having trouble getting the contextmenu event working in the beta...

Basically I want to make my own right click menu. But I couldn't get the contextmenu event to fire. So I tried a simple click event instead and that won't fire either:

Ext.onReady(function(){
    var panel = new Ext.panel.Panel({
        title: 'Editor',
        renderTo: 'editor',
        width: 600,
        height: 300,
        layout: 'fit',
        listeners: {
                click: function(e){
                        console.log("Click");
                }
            }
    });
});

I can, however, add a listener for the render event that'll actually fire. In the API docs events such as "click" and "contextmenu" aren't even listed anymore.

What am I missing?

[Animal]

Click is a DOM event.

Do you want to add a listener to the Panel's header? It's toolbar?

Or, do you really mean that you want to add a listener to the Panel's body element?

[lasseok]

Yes, what I really mean is that I want to add the event listener to the panl's body element.

[lasseok]

I would really appreciate an example, if you would be so kind.

[steffenk]

Here is an example:

var panel = Ext.createWidget('panel', {
  bodyPadding: 7,
  width: 300,
  height: 300,
  border: true,
  title: 'Panelwith custom Cls',
  html: 'Some content',
  bodyCls: 'customCls',
  bodyStyle: 'color:red',
  renderTo: Ext.getBody()
});

panel.body.on('click', function() {
  console.log('click');
});
panel.body.on('contextmenu', function() {
  console.log('contextmenu');
});

[lasseok]

Thank you, Steffen!

But, suppose I wanted to listen for the contextmenu event on the body of an Ext.form.HtmlEditor? It doesn't have a body property, and bodyEl doesn't seem to work.

[steffenk]

this won't work as the htmlEditor is an iframe, you can explore yourself:

Ext.fly(ed.getEditorBody())