CODEWITHSUNDEEP
extjsextjs-mvc
Raza Ahmed
Raza Ahmed

Reputation: 2751

How to listen for dom events in ExtJS

I've to use html sometimes in ExtJS code, but how to listen for dom events in extjs? I know i can listen them but in this way i have to use global functions. Here is what i've done already:

<a title="click on me" href="javascript:abc();">' + value+ '</a>

Upvotes: 1

Views: 3319

Answers (2)

Tom O.
Tom O.

Reputation: 5951

Not every ExtJS component raises every event. However, by targeting the container’s element, you can attach many native events to which the component can then listen. You must target the underlying element you want to listen and attach a click listener. The config should look something like this: 

listeners: {
    click: {
        element: 'el', //bind to the underlying el property on the panel
        fn: function() {
            console.log('Element was clicked!');
        }
    }
}

http://docs.sencha.com/extjs/4.2.5/#!/api/Ext.util.Observable-cfg-listeners

Upvotes: 1

bilalmetla
bilalmetla

Reputation: 155

Instead of firing event from tag, attach event this way:

var domElement = document.getElementsByTagName("a");
domElement.on('click', function(event, element, options) {
});

Upvotes: 2

Related Questions