Call function when link inside a grid column is clicked

Question

I need to add a click event on a link inside the grid, how's that working?

This is my grid:

Ext.define('AM.view.advertiser.List', {
    extend:'Ext.grid.Panel',
    alias:'widget.advertiserlist',
    title:'All Advertisers',
    store:'Advertisers',
    columns: [
    {
            xtype:'gridcolumn',
            dataIndex:'clientname',
            text:'Clientname',
            width: 200,
            renderer: function(val) {
                    return '<a href="#">'+ val  +'</a>';
            }
    }]
});

enter image description here

score 1 · Answer 1 · answered Feb 16 '12 at 03:04

Here is how I hacked the same exact situation, but I wanted controller to respond to the click events and I needed to extract info after the hashmark:

 'myView gridpanel[ref=myGrid]':{
                  itemclick : function(view, model, row, rowindex, event) {
                        var hash = event.getTarget().hash;
                        if (!hash && event.getTarget().parentNode) {
                            hash = event.getTarget().parentNode.hash
                        }
                      if(hash) {
                          console.log("Control: "+hash);
                          //do something with the hash -> #{mydata}
                      }
                  }

             }

score 0 · Answer 2 · answered Oct 11 '17 at 13:32

0

xtype:'gridcolumn',
dataIndex:'clientname',
text:'Clientname',
width: 200,
autoEl:{
    tag: 'a',
    href: '',
    onClick: 'nameYouFunction',
    //Any methods to add here
}

answered Oct 11 '17 at 13:32

Roberto Pegoraro

1,313
2
16
31

score 0 · Answer 3 · answered Oct 12 '17 at 04:03

0

You can use the following event: http://docs.sencha.com/extjs/4.1.1/#!/api/Ext.grid.Panel-event-cellclick
And after that, you can use parameters of the event to make it work as you want

answered Oct 12 '17 at 04:03

Sangnc

26
1

Call function when link inside a grid column is clicked

3 Answers3