DevExtreme网格-编辑模式

Question

tvaLst ={ id: 1，重言式: 5，ole: true}，{ id: 2，同义: 13.01，ole: false }；

假设我从一个服务中检索了上面的对象列表，我想要显示同义值，在第二列中，Edit和Delete选项仅用于属性ole设置为true的行。

this.gridSettings = {
   bindingOptions: { dataSource: 'vm.tvaLst' },
   allowColumnResizing: true,
   scrolling: { mode: 'virtual' },
   onContentReady: this.contentReadyAction,
   paging: { enabled: false },
   editing: {
      mode: "row",
      allowUpdating: true,
      allowDeleting: true,
      allowAdding: true
}, 
columns: this.gridColumns
};

在编辑过程中，我应该怎么做才能允许这样做呢？

Answer 1

可以在onCellPrepared事件处理程序中找到并隐藏“编辑”按钮。

下面是一个示例代码：

onCellPrepared: function (options, $container) {
    if (options.column && options.column.command === "edit" && options.rowType == "data") {
        if (options.cellElement.find('a').first().text() === 'Edit') {
            if (options.data.ole === false){
              options.cellElement.find('a').first().hide();
              options.cellElement.find('a').eq(1).hide();
            }
        }
    }
}

下面是在线示例：http://plnkr.co/edit/l4PRpDkbaHRgB4ntXoQD?p=preview