单击网格列内的链接时调用函数答案

【问题标题】：Call function when link inside a grid column is clicked单击网格列内的链接时调用函数
【发布时间】：2012-02-15 10:54:27
【问题描述】：

我需要在网格内的链接上添加一个点击事件，它是如何工作的？

这是我的网格：

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>';
            }
    }]
});

【问题讨论】：

标签： extjs extjs4 extjs-mvc

【解决方案1】：

这是我如何破解相同的确切情况，但我希望控制器响应点击事件，并且我需要在井号之后提取信息：

 '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}
                      }
                  }

             }

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

您可以使用以下事件： http://docs.sencha.com/extjs/4.1.1/#!/api/Ext.grid.Panel-event-cellclick
之后，您可以使用事件的参数使其按您的意愿工作

【讨论】：