Wyzwalacze widżetów
  • 31 Oct 2023
  • 1 Minuta do przeczytania
  • Współtwórcy

Wyzwalacze widżetów


Article Summary

W tym artykule dowiesz się:

  • Czym są Wyzwalacze poziomu Widget?
  • Jak można używać wyzwalaczy widżetów?
  • Przykładowe przypadki użycia Widget Triggers

Czym są wyzwalacze widżetów?

Wyzwalacze widżetów to bloki logiki, które są automatycznie uruchamiane, gdy użytkownicy wchodzą w interakcję z widżetami.

Wyzwalacze widżetów mogą usprawnić sposób interakcji użytkowników z Tulip Player, eliminując potrzebę używania przycisków Dalej.

Jak używać wyzwalaczy widżetów

Wyzwalacze widżetów są dostępne dla wszystkich widżetów wejściowych i widżetu interaktywnej tabeli. W większości przypadków wyzwalacze te są uruchamiane, gdy zmienia się wartość danego wejścia. Tak więc, gdy użytkownicy przełączą pole wyboru lub wybiorą wartość z pojedynczego wyboru, ich wyzwalacze zostaną uruchomione.

Wejścia tekstowe i liczbowe

Wejścia tekstowe i liczbowe działają nieco inaczej. Wyzwalacze wejść tekstowych i numerycznych uruchamiają się po naciśnięciu klawisza [Enter].

:::(Warning) (OSTRZEŻENIE) W przypadku widżetu wprowadzania tekstu użytkownicy mogą potrzebować wprowadzić wartości wielowierszowe, aby wprowadzić treść. Te dane wejściowe spowodują uruchomienie wyzwalaczy widżetu, upewnij się, że to zachowanie jest obsługiwane przez logikę wyzwalacza widżetu. :::

Widżet interaktywnej tabeli

Widżet interaktywnej tabeli jest niezwykle potężny. Po wybraniu wiersza, wybrany wiersz zostanie załadowany do Linked Placeholder (jeśli Linked Placeholder został zmapowany). Oprócz załadowania wybranego rekordu do symbolu zastępczego rekordu, po załadowaniu rekordu uruchamiany jest również wyzwalacz.

Przykładowe przypadki użycia wyzwalacza

Wprowadzanie tekstu

W moim przypadku użycia chcę, aby użytkownicy wprowadzili numer zamówienia na początku naszej aplikacji (aby ostatecznie przetworzyć to zamówienie). Użytkownicy będą ręcznie wprowadzać ten numer zamówienia, ale mamy problemy, w których użytkownicy nie przestrzegają prawidłowego formatu numeru zamówienia.

Moje numery zamówień wyglądają następująco: Zamówienie 1234-567 i chcę się upewnić, że użytkownicy poprawnie wprowadzili to zamówienie, zanim pozwolę im kontynuować. Takie zachowanie można osiągnąć za pomocą wyrażenia regularnego (Regex), ale możemy wykorzystać wyzwalacze wejściowe, aby przeprowadzić tę walidację automatycznie w tle, usprawniając proces dla naszych użytkowników.

W tym przypadku poprawnym wyrażeniem regularnym jest "Order: [0-9]{4}-[0-9]{3}". Aby sprawdzić to automatycznie, mogę dodać ten wyzwalacz Widget.image.png

Interaktywny widget tabeli

Gdy użytkownik wybierze zamówienie z listy otwartych zamówień, musimy ustawić status tego zamówienia na W TRAKCIE REALIZACJI. Można to zrobić za pomocą zwykłego przycisku wyzwalacza, ale możemy usprawnić doświadczenie użytkownika, wbudowując to bezpośrednio w Widget.

Dodatkowo, gdy użytkownicy wybiorą zamówienie, przeniesiemy ich do następnego kroku w naszej aplikacji, gdzie będą mogli podjąć działania związane z tym zamówieniem

image.png

Więcej informacji


Czy ten artykuł był pomocny?