Question

In my extjs grid ‘cutterGrid’ i have a renderer that has the following output

<a href="#" class="myclass">Product 1</a>

on my controller i have the following

    '#cutterGrid':{
        cellclick :this.onCutterSelectRow
    },

This works but, obviously this enables click on the whole row. I just want this on a particular cell.

Here is the field in my grid

 {
                            xtype:'gridcolumn',
                            dataIndex:'CutterNumber',
                            text:'Cutter',
                            renderer: renderCutter,
                            flex:1,
                            sortable: true
                        },

Answer 1

The cellclick event passes several parameters to your function – one of them is EventObject

cellclick( Ext.view.Table this, HTMLElement td, Number cellIndex, Ext.data.Model record, HTMLElement tr, Number rowIndex, Ext.EventObject e, Object eOpts )

In your function, you should be able to do this:

function onCutterSelectRow(table, td, cellIndex, record, tr, rowIndex, e, eOpts)
{
    var target = e.getTarget();
    //test HtmlElement target to be your anchor, by class name and element.
}