Повторите ту же ag-сетку (7.2.2)

Question

У меня есть ag-grid в моем html, и я хочу поместить кнопку, чтобы при нажатии эта же ag-grid отображалась, но в модальном состоянии, чтобы иметь возможность увидеть ее более подробно, но она находится в тот же html, и ag-grid точно такой же.

Это можно сделать так, чтобы одна и та же ag-сетка была видна в одном и том же html и контроллере.

Так как он не рисует мне ничего, кроме одного.

HTML:

<div ag-grid="agGridBusqueda" class="ag-enel h113"></div>

.....

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <div ag-grid="agGridBusqueda" class="ag-enel h113"></div>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div>

Answer 1

Нет, невозможно рендерить одну и ту же сетку два раза, в модальном и в фоновом режиме.Вам нужно будет создать отдельную сетку и обновить значения вручную.

Я также думаю, что это было бы ужасно как для производительности, так и для удобства использования.Пользователь будет видеть линии сетки на заднем плане при открытии модальной (из исходной сетки), которая будет меняться при изменении модальной сетки;Я думаю, что это беспокоит.И у вас будет в 2 раза больше визуализированных строк и входных прослушивателей на вашем экране.

Я думаю, что более чистым решением было бы просто использовать один экземпляр ag-grid и (при нажатии кнопки) назначить class="modal-body"к нему, заставляя контейнерный элемент плавать с расширенной шириной и затемненным фоном.