How do you add a double click event to a div in Extjs

Question

Hello I'm new to extjs and I'm trying to add a double click event to a Div class in Extjs but it doesn't seem to be working. I'm using:

source.getHeader().select('.config-panel-trigger').getEl().on('dblclick', function () 

as shown below

onContainerAfterRender: function (source) {

    // Add double click event handler on render
    if (source.getHeader() != null) {

        source.getHeader().select('.config-panel-trigger').getEl().on('dblclick', function () { //the line of code that isn't working

            Controllers.initialize(TV.constants.Constant.ContainerMenuOptions.Configure, function () {
                this.showContainerConfigurationDialog(source);
            }, this);
        }, this);
    }

    this.loadConfigData(source);
},

Answer 1

You can try this in afterRender

this.mon(Ext.select('.config-panel-trigger'), 'dbclick', function(){....}, this);