ExtJs actioncolumn根据grid数据动态显示按钮

需求

通过不同行的不同数据状态决定进行相应的操作

方法

通过getClass方法可以获取到，当前行的数据，根据指定字段的值可以判断设置按钮的显示或隐藏。
return的是类名。需提前定义，在类中进行相应的背景图片以控制不用的图片控制。

代码

{
                text: '操作',
                xtype: 'actioncolumn',
                align:"center",
                width: 100,
                items: [
                //使用getClass以后此栏失效
                    // {
                    //     tooltip: '更改',
                    //      // icon: "images/edit.png",
                    //     handler: function(grid, rowIndex, colIndex) {
                    //         alert(1);
                    //     }
                    // },
                    {
                        getClass: function (v, meta, rec) {        
                            if (rec.data.operate != 0) {
                                this.items[0].tooltip = 'Hold stock';//不能使用
                                return 'opearate';//返回的是类名，通过类控制背景图片
                            } else {
                                this.items[0].tooltip = 'Hold stock';
                            }
                        },
                        // tooltip: '更改',
                        handler: function(grid, rowIndex, colIndex) {
                            alert(1);
                        }
                    }
                ]
            }