angular - 如何将行从一个 ag-grid 复制到第二个 ag-grid

Question

我的 UI 上有两个 ag-grids。Ag-grid 1 有 4 行。Ag-grid 2 有 5 行。两个 ag-grids 具有相同的列。我想通过单击某个按钮将所有行从 Ag-grid 2 复制到 Ag-grid 1。我怎样才能做到这一点？

预期结果：单击按钮。

1. Ag-grid 1 应该有 9 行（4 个原始行和 5 个从 Ag-grid 2 复制的行）。
2. Ag-grid 2 应该有 0 行

Answer 1

使用这种功能：

move(){
  var rows = this.agGrid2.api.getModel().rowsToDisplay.map(e=>e.data)
  this.agGrid1.api.updateRowData({add: rows})
  this.agGrid2.api.setRowData([])
}

这是一个笨蛋

这完全按照您的要求回答，但是，听起来您或其他对从一个网格到另一个网格的移动类型函数感兴趣的人可能会发现使用它getSelectedRows()而不是getModel()