单击 extjs 网格操作列内的图标时需要更改图标

Posted

技术标签:

【中文标题】单击 extjs 网格操作列内的图标时需要更改图标【英文标题】:Need to change the icon when a icon inside extjs grid action column is clicked 【发布时间】:2014-04-22 17:52:29 【问题描述】:

需要在单击该图标时更改 extjs 网格操作列中图标的背景颜色。

handler: function(grid, rowIndex, colIndex) 
               //Need to change the delete icon with add icon
            

http://jsfiddle.net/mohansee/6afxy/6/

【问题讨论】:

Need to change the background color of icon inside extjs grid action column的可能重复 如果是这样的话,你们中的任何人都可以让这个小提琴奏效。 @MohanSee 查看我对该问题的评论 抱歉,问题更新了...... 【参考方案1】:
var deleteBttn = Ext.query('td.x-action-col-cell img',grid.getNode(rowIndex))[0];
   deleteBttn.src = 'http://etf-prod-projects-1415177589.us-east-1.elb.amazonaws.com/trac/docasu/export/2/trunk/client/extjs/shared/icons/fam/add.gif';

通过在处理程序部分添加上述代码修复它。

【讨论】:

【参考方案2】:

如果您不在分页网格中或不在分页网格中的同一页面上,这可以正常工作,但不适用于分页网格。

【讨论】:

一切都发生了。与分页无关。

以上是关于单击 extjs 网格操作列内的图标时需要更改图标的主要内容,如果未能解决你的问题,请参考以下文章

为啥单击 ExtJS 4 网格面板操作列中的图标不选择行?

如何在每个组 ExtJS 4 中过滤分组网格

如何在 Extjs 网格中禁用删除图标

Ext JS:获取特定行的操作列

应用过滤器后在 Extjs 网格列中添加过滤器图标一次

如何在网格中显示菜单 - ExtJS 5?