DevExtremeグリッド - 編集モード

Question

tvaLst = [{ 番号：1、 TAUX：5、 OLE：真}、{ ID：2、 TAUX：13.01、 OLE：偽 }]。

上記のオブジェクトリストを取得すると、oleという属性がtrueに設定されている行のtaux値と2番目の列に[Edit and Delete Option Only]を表示したいとします。

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