PrimeNg TreeTable – потужний інструмент для відображення та управління даними в інтерактивних таблицях. Проте, однією з найпоширеніших задач є вибір рядків за замовчуванням. У даній статті розглянемо способи ефективного вибору рядків за замовчуванням в PrimeNg TreeTable за допомогою Angular та інструментарію PrimeNg.
Один із варіантів вибору рядків за замовчуванням полягає у встановленні значень для властивості selectedNodes
, яка відповідає за обрані рядки. Однак, цей підхід може бути неефективним для великих наборів даних через дорогу операцію пошуку в дереві.
Іншим методом є використання події вибору елементів та вручне додавання їх до списку обраних. Цей підхід може бути працездатним, але потребує додаткового коду та обробки подій, що може бути не зручним у деяких випадках.
Пропонується ефективний спосіб вибору рядків за замовчуванням в PrimeNg TreeTable. Для цього можна використовувати властивість selectionMode
, яка дозволяє визначити режим виділення елементів, наприклад, “multiple”.
1 |
<p-treeTable [(selection)]="selectedNodes" [selectionMode]="'multiple'"></p-treeTable> |
Тепер можна передати список ідентифікаторів обраних елементів безпосередньо властивості selectedNodes
. Це дозволяє ефективно керувати виділенням рядків за замовчуванням без необхідності додаткової обробки.
У даній статті ми розглянули ефективні способи вибору рядків за замовчуванням в PrimeNg TreeTable. Завдяки використанню властивості selectionMode
та передачі списку ідентифікаторів обраних елементів можна досягти оптимального управління виділенням рядків в таблиці.