Ag-grid react 设置 Row Node ID 唯一

Question

我有 ag-grid table 它从服务器接收一些数据并将每行的行节点 ID 设置为每个相应记录的主键

const getRowNodeId = (data) => {
   return data.desgn_id;
};

现在我有一个按钮，当按下该按钮时，将向 ag-grid 添加一个新行 table，用户将进一步编辑该行，完成后，用户将按下一个保存按钮，该按钮将发送一个POST 向服务器请求。添加按钮处理程序如下所示：

  const addRowHandler = () => {
    let newRowNode = { emp_mast: 1 };
    gridApi.current.applyTransaction({
      add: [newRowNode],
    });
  };

添加的行没有主键，新行的Row Node Id如何唯一设置

Answer 1

您可以使用 uuidv4() 库创建一个唯一的字符串来执行此操作

const addRowHandler = () => {
    let rowNodeId = uuidv4();
    let newRowNode = { emp_mast: 1, row_node_id: rowNodeId};
    gridApi.current.applyTransaction({
      add: [newRowNode],
    });
  };

Ag-grid react 设置 Row Node ID 唯一

Ag-grid react set Row Node ID uniquely

reactjs

ag-grid

ag-grid-react