如何在不触发刷新的情况下更新AG网格的行？

Question

我的目标是添加一个自定义的广播按钮，以允许用户选择一行。目前，我有

const Cell = (cellProps) => {
   const { data, node, api } = cellProps
   const selectedRow = () => {
    let { isChecked } = data
    let radioButtonLabel = ''
    const newRowData =[]

      api.forEachNode((currNode) => {
        const currRowData = currNode.data
        if (id === currNode.data.id) {
          currRowData.isChecked = true
          radioButtonLabel = currNode.data.name
        }
        newRowData.push(currRowData)
      }) 
    api.setRowData(newRowData)
}}

问题的问题是，当用户选择表底部的一行的单元按钮时，它会刷新网格（我相信setrowdata触发了一个刷新），并且用户必须滚动到底部桌子看他们的选择。我希望能够在用户选择“广播”按钮时停止刷新，但不确定如何使用AG-Grid实现。

Answer 1

通过 this 文档。具体来说，关于getRowid（或getRownodeId）提供行ID的零件，取决于您的版本），

这将使交易效率更高，而无需刷新。

示例

如果您只想添加一个复选框以进行选择在这里是文档，但您似乎需要广播电台按钮。

var gridOptions = {
  columnDefs: columnDefs,
  rowData: rowDataA,
  rowSelection: 'single',
  animateRows: true,
  getRowId: (params) => params.data.id, // <---
};