Question

I am using a web-automation tool against a site that utilizes an ExtJS grid, and would like to run some JavaScript that would simulate the ‘onlick’ event of a row… When I fire a regular onclick event on the respective div tags, nothing happens.

I did an ‘Ext.version’ and got 2.2, so I looked up the Ext 2.2 API here: http://extjs.edspencer.net/extjs/docs/ but I cannot really make sense of it. I am not concerned with creating a new grid but manipulating an existing one.. Any ideas?

Answer 1

You need to look at events on the GridPanel. There’s a rowclick event. You can then apply a listener to the grid, either in the grid config:

new Ext.grid.GridPanel({
    ...
    listeners: {
        rowclick: function() {
            // do some stuff
        }
    }
});

Or after the fact:

var grid = new Ext.grid.GridPanel({
    id: 'fooGrid'
});

Ext.getCmp('fooGrid').addListener('click', function(){
    // do some stuff
})

But if you want to fire the onclick event, as you stated, do the following:

var rowIndex = 5;
var grid = Ext.getCmp('fooGrid')

grid.fireEvent('rowclick', grid, rowIndex)

Source, the Observable object. Almost everything inherits from Observable in ExtJS 2:

http://extjs.edspencer.net/extjs/docs/#Ext.util.Observable