Question

我目前正在使用AG Grid进行角度5.我遇到了细胞编辑功能的问题。使用我的点击事件，我将使用以下代码

以编程方式启用所选行列的编辑模式

selectedNods.forEach(element => {
    if (element.node.selected)
        element.node.gridApi.startEditingCell({
            rowIndex: element.node.rowIndex,
            colKey: "account"
        });
});

这很好用。但是当我进入一个单元格进行编辑时，所有其他单元格从编辑模式返回到正常模式我想保留所有选定的行指定的单元格应该是可编辑的，即使我在编辑单元格时也是如此。请帮帮我。

Answer 1

全行编辑模式将帮助您而不是cell editing 使用ag-grid的[editType]="'fullRow'"属性。

执行此操作后，您可以使用cellClicked事件来使行/单元格可编辑。

(cellClicked)="onCellClicked($event)"

在您的组件中，

onCellClicked($event){
  // check whether the current row is already opened in edit or not
  if(this.editingRowIndex != $event.rowIndex) {
    console.log($event);
    $event.api.startEditingCell({
      rowIndex: $event.rowIndex,
      colKey: $event.column.colId
    });
    this.editingRowIndex = $event.rowIndex;
  }
}

在 Plunk - row editing ag-grid

中查看此实例

编辑下一个单元格时，Ag-Grid阻止API.StopEditing（）回调（Angular）

1 个答案: