设置getRowId后AgGrid applyTransaction添加重复行问题咨询

这是设计特性，而非Bug。AgGrid的Transaction API（如applyTransaction）的add操作默认不会自动校验行ID的唯一性，getRowId的核心作用是为行节点提供唯一标识，主要用于：

• 精准定位行节点以执行更新/删除操作
• 数据刷新时保留行的状态（比如选中、展开状态）
• 优化行渲染的性能表现

它并不承担阻止重复ID行添加的职责，AgGrid默认假设开发者会在业务逻辑层自行处理数据的唯一性校验。

结合你的示例验证 #

你提供的代码中，getRowId返回的是params.data.make，而每次点击"Add Items"创建的新行make值固定为"Toyota "，导致每次添加的行ID重复，但Transaction API依然执行添加操作，这完全符合AgGrid的设计逻辑。

实现不重复添加的解决方案 #

如果需要避免重复行，你需要在调用applyTransaction前自行完成校验逻辑：

方案1：仅添加不存在的行 #

const addItems = (addIndex) => {
  const newItem = createNewRowData();
  // 通过ID检查行是否已存在
  const targetRowNode = gridApi.value.getRowNode(getRowId({data: newItem}));
  if (!targetRowNode) {
    const res = gridApi.value.applyTransaction({
      add: [newItem],
      addIndex: addIndex,
    });
    printResult(res);
  } else {
    console.log('该行ID已存在，无法重复添加');
  }
};

方案2：自动判断添加或更新 #

如果希望重复ID时自动执行更新操作，可以这样处理：

const addOrUpdateItem = (addIndex) => {
  const newItem = createNewRowData();
  const targetRowNode = gridApi.value.getRowNode(getRowId({data: newItem}));
  let res;
  
  if (targetRowNode) {
    // 行已存在，执行更新
    res = gridApi.value.applyTransaction({update: [newItem]});
  } else {
    // 行不存在，执行添加
    res = gridApi.value.applyTransaction({add: [newItem], addIndex: addIndex});
  }
  
  printResult(res);
};

内容的提问来源于stack exchange，提问作者Fan Chen