javascript - 列渲染，监听<i>标签的点击事件

Question

我在网格列上有一个渲染函数，它基本上返回一些 html，该 html 由 <i> 组成。标签显示一个图标，然后是一些文本。有点像这样:

 <i class="some class"> </i> some text

我只想将点击事件附加到 <i>标签，而不是文本，所以 itemClick 不起作用。如何将元素监听器附加到 <i>从我的渲染函数返回的标记？

我确实考虑过使用columnaction，但我只能使用img，并且在图像后面不能设置任何文本。

Answer 1

监听 cellclick 事件，然后检查事件目标:

listeners: {
    cellclick: function(grid, td, cellIndex, record, tr, rowIndex, e) {
        if (cellIndex === whatever && Ext.fly(e.target).hasCls('foo')) {
             // Go
        }
    }
}