Как скопировать строки из одной ag-сетки во вторую ag-сетку

У меня есть две решетки на моем интерфейсе. Ag-grid 1 имеет 4 ряда. Ag-grid 2 имеет 5 рядов. Обе ag-сетки имеют одинаковые столбцы. Я хочу скопировать все строки из Ag-grid 2 в Ag-grid 1 одним нажатием кнопки. Как я могу это сделать?

Ожидаемый результат: при нажатии кнопки.

  1. Ag-сетка 1 должна иметь 9 строк (4 исходных строки и 5 строк, скопированных из Ag-сетки 2).
  2. Ag-grid 2 должен иметь 0 строк

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()

Другие вопросы по тегам