在Ext JS 的 Grid中添加动作列的方式是配置一个 actioncolumn类型的动作列,这个动作列可以包含多个图表的按钮。
添加的方式如下:
{
xtype: 'actioncolumn',
items:[{
iconCls: 'x-fa fa-trash',
}]
}
在有的时候场景中, 会根据不同行的数据来决定是否显示动作按钮, 也就是最后的效果是:有点行出现动作按钮,有的列不出现动作按钮。显示的效果如下图:
这种效果的动作列如何实现呢?
实现分析
actioncolumn的items 的子项配置中有isActionDisabled 的配置项, 这个配置项可以配置一个函数:如下所示:
从该函数的参数可以看到, 这里可以取到当前行的数据,根据数据决定是否禁用按钮。增加如下配置:
isActionDisabled : function(view ,rowIndex ,colIndex ,item,rec){
if(rec.get('attach')=='N'){