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

时间:2018-01-29 19:36:10

标签: angular ag-grid ag-grid-ng2

我的UI上有两个ag-grids。 Ag-grid 1有4行。 Ag-grid 2有5行。两个ag-grid都有相同的列。 我想在点击某个按钮时将所有行从Ag-grid 2复制到Ag-grid 1。 我怎么能这样做?

预期结果: 单击按钮。

  1. Ag-grid 1应该有9行(4行原始行和5行从Ag-grid 2复制)。
  2. Ag-grid 2应该有0行

1 个答案:

答案 0 :(得分: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()代替{{1}有用}