0

我目前正在为 Angular 5 开发 AG Grid。我遇到了单元格编辑功能的问题。通过我的点击事件，我使用以下代码以编程方式启用所选行列的编辑模式

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

这工作正常。但是当我出于编辑的目的进入一个单元格时，所有其他单元格都从编辑模式恢复到正常模式。
我想保留所有选定的行，指定的单元格应该是可编辑的，即使我正在编辑一个单元格。请帮我。

4

1 回答 1

1

全行编辑模式将为您提供帮助，而不是cell editing.
使用[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中查看这个实时示例- 行编辑 ag-grid

于 2018-03-14T12:37:53.753 回答