Dodawanie widżetów wejściowych do kroków
  • 05 Jan 2024
  • 5 Minuty do przeczytania
  • Współtwórcy

Dodawanie widżetów wejściowych do kroków


Streszczenie artykułu

Wprowadzanie danych w dowolnym kroku za pomocą widżetów wprowadzania

Aby zmniejszyć liczbę kroków i opcji routingu, przez które musi przejść operator, często łatwiej jest wprowadzić dane w kroku instrukcji. Możesz także pisać bezpośrednio do tabel Tulip za pomocą widżetów wejściowych.

Poniższy artykuł opisuje, jak zainicjować pole wprowadzania danych lub Input Widget w dowolnym kroku aplikacji.

Tworzenie widżetu do przechowywania danych wprowadzanych przez użytkownika

Wybierz opcję Input na pasku narzędzi:

Widget Toolbar.png

Po jej wybraniu dostępne są następujące opcje:

Inputs Dropdown.png

  • Pole wyboru
  • Tekst
  • Plik
  • Liczba
  • Pojedynczy wybór
  • Wybór wielokrotny
  • Selektor daty
  • Obraz
  • Podpis

Wybór źródła danych

Zmienna

Wybierz istniejącą zmienną lub utwórz nową zmienną, aby przypisać ją do widżetu wejściowego:

Przypisując zmienną do danych wejściowych, można odwoływać się do wartości wejściowej w całej aplikacji w celu zbudowania różnej logiki.

Rekord tabeli Tulip

Przypisując widżet wejściowy do rekordu tabeli Tulip, można bezpośrednio edytować rekord tabeli. Określ kolumnę rekordu tabeli w rozwijanym menu:

Spowoduje to automatyczne zapisanie wartości widżetu wejściowego w rekordzie tabeli.

Konfigurowanie wyzwalaczy

Wiele widżetów wejściowych ma opcję skonfigurowania wyzwalacza, który zostanie uruchomiony po wystąpieniu akcji. Typy akcji i powiązane z nimi widżety zostały opisane poniżej.Triggers.png

Klawisz Enter

Wyzwalacz Enter Key działa zgodnie z logiką: po naciśnięciu klawisza Enter, jeśli warunki są spełnione, wykonaj akcję. Ta opcja jest powiązana z widżetami wprowadzania tekstu i liczb.

Zmiana wejścia

Wyzwalacz Input Change działa zgodnie z logiką: gdy dane wejściowe ulegną zmianie, jeśli warunki zostaną spełnione, wykonaj akcję. Ta opcja jest powiązana z polem wyboru, pojedynczym wyborem, wielokrotnym wyborem, selektorem daty i widżetami wprowadzania obrazów.

Typy widżetów wejściowych

Pole wyboru

Opcja pola wyboru zapewnia wynik logiczny, który można zmienić na Tak lub Nie, zaznaczając lub odznaczając pole. Więcej informacji na temat pól wyboru można znaleźć na stronie [ten artykuł tutaj] (https://support.tulip.co/docs/how-to-use-the-checkbox-widget).

Tekst

Wybierając wejście tekstowe, możesz przypisać widżet do kolumny tabeli Tulip lub zmiennej. Podobnie jak w przypadku pola wyboru, zmienna musi być przypisana do widżetu wprowadzania tekstu w celu późniejszego wykorzystania danych w aplikacji. Wybierz tę zmienną z listy zmiennych tekstowych lub utwórz ją inline z listy rozwijanej wyboru zmiennych.

Zachowuje się to w taki sam sposób, jak zmienna utworzona w kroku formularza.

Jeśli chcesz powiększyć widżet wprowadzania tekstu, wybierz przełącznik "Wiele linii" w okienku kontekstowym. Następnie można zmienić wymiary, aby wypełnić dowolną przestrzeń.

Plik

Widżet wprowadzania pliku jest podobny do wprowadzania tekstu, z możliwością przypisania danych wejściowych do kolumny tabeli Tulip lub zmiennej. Zmienna musi być przypisana do widżetu wprowadzania pliku, aby można było użyć danych w dalszej części aplikacji. Wybierz tę zmienną z listy zmiennych plików lub utwórz zmienną inline z listy rozwijanej Wybór zmiennej.File Input Widget.png

Możesz użyć przycisku przesyłania w kształcie chmury, aby zaimportować plik z urządzenia do widżetu wprowadzania danych lub bezpośrednio wprowadzić adres URL pliku.

Liczba

Widżet wprowadzania liczb jest również podobny do poprzednich widżetów, ponieważ musi mieć przypisaną zmienną liczbową, aby odpowiednio wykorzystać wprowadzone dane. Wybierz istniejącą zmienną lub utwórz ją, wpisując nazwę i wybierając opcję Utwórz.

Po dodaniu zmiennej, w tym przypadku pojawia się dodatkowa opcja.

W opcji Format można wybrać zarówno liczbę całkowitą, jak i dziesiętną do wyświetlania informacji. Typ Integer wyświetla tylko liczbę całkowitą, podczas gdy Decimal wyświetla do wybranej liczby cyfr znaczących. Opcja Precision określa liczbę wyświetlanych cyfr.

Pojedynczy wybór

Aby jak najlepiej wykorzystać ten widżet, upewnij się, że rozumiesz już tablice

Pojedynczy wybór Input Widget pozwala wybrać opcję z listy, z wieloma zaawansowanymi konfiguracjami. Podobnie jak w przypadku innych widżetów wejściowych, można wybrać typ źródła danych Rekord tabeli Tulip lub Zmienna:

Jednym z bardzo prostych sposobów wykorzystania tego jest przypisanie lub utworzenie zmiennej tekstowej w polu Variable i wyświetlenie jej jako listy rozwijanej ze statycznie utworzonymi wartościami. Opcje można dodawać, wybierając opcję "Nowa opcja" tuż pod polem opcji. Po zakończeniu wygląda to następująco:

Jeśli zmienisz pole Display na Menu, widżet przyjmie następującą formę wyświetlania:

Opcje można również wyświetlić jako części zmiennej Array.

W tej metodzie można wybrać wszystkie składniki wybranej tablicy. Array jest zmienną wybraną poniżej Options, a zmienna o nazwie "Test" będzie przechowywać wybraną przez użytkownika wartość z listy opcji.

Korzystanie z konfiguracji zmiennej Array jest niezwykle potężne, ponieważ umożliwia pobieranie opcji z istniejącej tablicy, a także przesyłanie nowych wartości do tablicy do wyboru. Na przykład przycisk może dodać opcję do tego widżetu poprzez dodanie wyzwalacza. Wyzwalacz może wyglądać mniej więcej tak:

W tym przykładzie przycisk dodaje opcję "Coś nowego" do menu lub rozwijanego widżetu wejściowego.

Wybór wielokrotny

Opcja Multiselect ma taką samą konfigurację jak widżet Single Select, z kilkoma drobnymi różnicami w konfiguracji. Widżet Multiselect nie może być przypisany do rekordu tabeli Tulip. Dodatkowo, wynikiem działania tego widżetu musi być tablica tekstowa, a nie tylko zmienna tekstowa, jak w przypadku widżetu Single Select.

Pozwala to na wybranie wielu opcji z menu lub listy rozwijanej i przesłanie ich do zmiennej Array. Konfiguracja widoku i opcji wyboru jest dokładnie taka sama, jak w przypadku widżetu Single Select, opisanego powyżej. Widżet Multiselect będzie wyświetlany jak poniżej.

Selektor daty

Po wybraniu, wybierz lub utwórz zmienną Datetime, aby powiązać ją z widżetem lub kolumną tabeli Tulip Table. Jeśli wybierzesz Tulip Table Record jako źródło danych, dane wejściowe zostaną zapisane bezpośrednio w tabeli. Jeśli wybierzesz Zmienna jako źródło danych, dane wyjściowe wybranej daty i godziny zostaną zapisane w podanej zmiennej.

Widżet umożliwia następnie wybranie daty i godziny przez użytkownika w aplikacji w normalnym kroku. Interfejs wygląda następująco w odtwarzaczu:

Obraz

Widżet Image pozwala operatorowi na wykonanie obrazu na etapie lub przesłanie obrazu z pamięci lokalnej. Ten widżet wymaga zmiennej typu danych URL obrazu, aby zapisać pobrany obraz w odpowiedniej zmiennej.

Wybierając źródło danych rekordu tabeli Tulip, można zapisać obraz bezpośrednio w tabeli Tulip. Należy pamiętać, że współczynnik proporcji można również dostosować w panelu kontekstowym tego widżetu.

W odtwarzaczu użytkownicy mogą również "przerzucać" i "obracać" podgląd na żywo z kamery.

Podpis

Widżet wprowadzania podpisu może być używany, aby wymagać od operatora podpisania i zatwierdzenia danych w zmiennej, polach w rekordzie tabeli lub w obu.Signature Input Widget.png

Dane, które mają zostać zweryfikowane przez podpis, muszą zostać zdefiniowane, a widżet wejściowy zawiera również inne opcje konfiguracji, takie jak wyznaczenie osoby podpisującej, dodanie opisu znaczenia podpisu i nakazanie komentarza w razie potrzeby.


Czy znalazłeś to, czego szukałeś?

Możesz również udać się na stronę community.tulip.co, aby opublikować swoje pytanie lub sprawdzić, czy inni mieli do czynienia z podobnym pytaniem!


Czy ten artykuł był pomocny?