Tabele w JS: dodawanie i usuwanie wierszy

Tabela zastępstw wczytuje się i zapisuje. Teraz użytkownik dostaje przyciski do dodawania i usuwania wierszy.

Dodawanie wiersza

• Przycisk „Add substitute” pod tabelą.
• onClickExpression: dataModifier.pushItem(ścieżka tabeli, nowy wiersz). Nowy wiersz podajesz od razu z wartościami:
  • substituteId — pusty Guid,
  • person — null,
  • scope — pusty tekst.
• pushItem działa tylko na kolekcji, czyli tabeli.
• To akcja, więc bez return — łatwo o tym zapomnieć.

Usuwanie wiersza

• Liczba kolumn tabeli 3 → 4. W nowej kolumnie przycisk „Remove” (np. z kolorem danger).
• onClickExpression:
  • path.part(-3) — path to ścieżka klikniętego przycisku. Trzeci element od końca to numer wiersza,
  • numer zamieniasz na liczbę,
  • dataModifier.removeItem(ścieżka tabeli, numer wiersza) usuwa ten wiersz.
• W ten sam sposób możesz sprawdzać całą tabelę albo pojedyncze wiersze: odczytujesz wartości z konkretnych komórek, a potem walidujesz albo liczysz coś nowego.

Test w aplikacji

• Nowy wniosek → dodajesz zastępcę i zakres → zapis.
• Po ponownym otwarciu zastępca jest na miejscu.
• Usuwasz jednego zastępcę i dodajesz innego → zapis. Po ponownym otwarciu jest dokładnie to, co było na formularzu (działa „usuń i zapisz od nowa” z lekcji 11).

Zapamiętaj

dataModifier.pushItem dodaje wiersz, dataModifier.removeItem go usuwa, a numer wiersza wyciągasz ze ścieżki przycisku (path.part(-3)). W akcjach nie ma return. W następnej lekcji: gdzie szukać przyczyn błędów.