Extjs Grid ActionColumn 操作按钮
最近项目使用Ext,其中Grid的操作列使用了扩展Ext.ux.grid.RowActions,但在IE下有点问题,单击按钮时,不会自动选中该行,能正确触发事件,其实也不会是问题。
今天偶然发现原来Ext中就有一个叫Ext.grid.ActionColumn的列类型。看了下与RowActions很相似,但只能显示图标且不接受iconCls,只接受图片路径,于是把RowActions的搬了来过与扩展ActionColumn,这样ActionColumn就像RowActions一样了,使用上更方便,因为RowActions是plugin
扩展代码如下:
文件:Ext.ux.grid.ActionColumn.js
{name:'pingResult',xtype:'uxactioncolumn',header:'ping结果',autoWidth:false,sortable : true,width:50,items: [{getClass: function(html, meta, rec) { // Or return a class from a functionvar v = rec.get("pingResult"); if (v == 1) { this.items[0].tooltip = '通'; return 'icon-circle-green'; }else{ this.items[0].tooltip = '不通'; return 'icon-circle-red'; } }}]}