Ag строка выбора строки теряет после обновления страницы

Question

Я использую ag-grid в Angular 7.x.Всякий раз, когда страница обновляется, она теряет выделенный фокус строки.Это похоже на ошибку в ag-grid.

Есть ли обходной путь, например, установка фокуса последней выбранной строки обратно на сетку с использованием идентификатора params.

Перед обновлением страницы

После обновления страницы

Answer 1

Вам необходимо сохранить выбранные строки в localStorage:

window.onbeforeunload = (event) => {
  localStorage.setItem("selectedRows", JSON.stringify(this.gridOptions.api.getSelectedRows()));
};

, а затем после обновления и после того, как вы настроили данные в сетке, программно повторно выберите строки:

reSelect = (): void => {
  const selectedRows = JSON.parse(localStorage.getItem("selectedRows"));

  this.gridOptions.api.forEachNode((node: RowNode, index: number) => {
     // adapt with you own unique role-id rule
     const selectNode = selectedRows.some((row) => { return row.id === node.data.id; });

     if (selectNode) {
        node.setSelected(true, false);
     }
   });
};