extjs - 如何禁用单行的操作列项目？

Question

考虑这个 JSON 示例:

[{id:1,editable:true},{id:2,editable:false}]

这些记录即将加载到商店中，然后显示在网格面板中。此网格具有用于编辑目的的操作列项目。我正在寻找一种方法，只为第二行禁用“编辑”按钮，而无需在渲染后执行计算。我想使用一个内置功能，它的工作原理类似于 renderer 属性，而不是在呈现网格后循环遍历 store 以更新每一行。

ExtJS 4.1.1 是否提供这种功能？

Answer 1

您可以使用设置 isDisabled 配置(至少从 4.2.1 版开始):

{
    xtype:'actioncolumn',
    width:20,
    items: [
        {
            icon: 'app/images/edit.png',
            tooltip: 'Edit this row',
            handler: function(gridview, rowIndex, colIndex, item, e, record, row) {
                var grid=gridview.up('grid');
                // You need to listen to this event on your grid.
                grid.fireEvent('editRecord', grid, record);
            },
            isDisabled: function(view, rowIndex, colIndex, item, record) {
                // Returns true if 'editable' is false (, null, or undefined)
                return !record.get('editable');
            }
    ]
}

当 isDisabled(..) 返回 true 时，图标会模糊并且不会在鼠标点击时触发处理程序。