ag-grid：在按鍵時禁用單元格編輯，並通過編輯按鈕以編程方式啟用行編輯（角度2）

Question

我在每一行上都有一個編輯按鈕，並且已設置

  defaultColDef: {
    editable: false,
  } 

在網格選項中

當我單擊編輯按鈕時，我希望該行處於編輯模式。 如果設置，我的編輯按鈕可以正常工作

  defaultColDef: {
    editable: true,
  } 

但是，它啟用了按鍵編輯功能，而我不想這么做。

如何在我的defaultColdef不將editable設置為true的情況下動態編輯該特定行？

單擊編輯后，我啟用了this.gridOptions.defaultColDef.editable = true ，但是不走運！

Answer 1

在定義columnDefs時，提供editable: false

單擊編輯按鈕后，要動態編輯行中的特定列/單元格，請使用：

this.GridOptions.columnApi.getColumn('employeeName').getColDef().editable = true;

在完成編輯使用后：

 this.GridOptions.columnApi.getColumn('employeeName').getColDef().editable = false;

Answer 2

您可以實現ag-grid的onCellClicked方法來偵聽您的編輯按鈕上的click事件，然后使用startEditing方法來開始對相應行的編輯。 示例代碼如下：

onCellClicked(value): void {
    if (value.colDef.colId === '<YOUR_EDIT_BUTTON_COL_ID>') {
        this.gridOptions.api.startEditing({
            rowIndex: value.rowIndex,
            colKey: '<col_id_of_first_editbale_col_in_the_row>'
        });
  }
}