DevExtreme Grid - 编辑模式

时间:2016-05-18 12:03:55

标签: angularjs devextreme

tvaLst = [{                id:1,                taux:5,                ole:true},     {id:2,                taux:13.01,                ole:false     }];

想象一下,从服务中我检索上面的Objects列表,我想显示taux值,在第二列中只显示属性ole设置为true的行的Edit和Delete Option。

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

在编辑我应该做些什么来允许这个?

1 个答案:

答案 0 :(得分:3)

您可以在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