angular - 使用 ag-grid，如何在相邻单元格的 cellValueChanged 事件触发时设置单元格的值？

Question

每当用户编辑特定列中的单元格时，我想将其值复制到相邻的单元格并从他们编辑的单元格中删除该值。从 event 对象，我可以从被编辑的单元格中获取 newValue，但我不知道获取对不同单元格的引用并设置它的值。

gridColumnDefinitions = [
   {
      headerName: 'Column A',
      field: 'columnA',
      editable: true,
      onCellValueChanged: (event) => {
          var newValue = event.newValue;

          //Move new value to columnB and set this value to "".
          //How??
      },
    },
    {
      headerName: 'Column B',
      field: 'columnB',
      editable: false,
    }
]

Answer 1

您可以在 columnA 上定义 onCellValueChanged 类似这样 -

  onCellValueChanged : (params) => {
      if (params.oldValue !== params.newValue) {
        params.data.columnB = params.newValue; // assign to new adjacent column
        params.data.columnA = ""; // change the underlying data 
        params.api.refreshCells({columns : ["columnA","columnB"]}) ;
      }
  }