读书人

Extjs Grid ActionColumn 操作旋钮

发布时间: 2012-07-03 13:37:43 作者: rapoo

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

读书人网 >JavaScript

热点推荐