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