如何将行从一个农业网格复制到第二个农业网格

Question

我的 UI 上有两个农业网格。 Ag-grid 1 有 4 行。 Ag-grid 2 有 5 行。两个农业网格都有相同的列。我想在单击某个按钮时将所有行从 Ag-grid 2 复制到 Ag-grid 1。我该怎么做？

预期结果：单击按钮。

Ag-grid 1 应该有 9 行（4 个原始行和 5 个从 Ag-grid 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([])
}

这里是 plunker

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

如何将行从一个农业网格复制到第二个农业网格

How to copy rows from one ag-grid to second ag-grid

ag-grid

ag-grid-ng2

angular