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

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:

{height="" width=""}.

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

• 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, aby zbudować różne logiki.

Tulip Table Record

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.

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źć w [tym artykule 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, aby można było użyć danych w dalszej części 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 panelu bocznym. 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 pliku lub utwórz ją inline z listy rozwijanej Wybór zmiennej.

Możesz użyć przycisku przesyłania w kształcie chmury, aby zaimportować plik z urządzenia do widżetu wejściowego 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ą jako źródło danych, aby odpowiednio wykorzystać wprowadzone dane. Wybierz istniejącą zmienną lub utwórz ją, wpisując nazwę i wybierając opcję Utwórz.

Jeśli dodasz zmienną liczbową, pojawi się dodatkowa opcja formatowania.

Źródło danych zmiennej Integer wyświetla tylko liczbę całkowitą, podczas gdy źródło danych zmiennej Decimal wyświetla do skonfigurowanej liczby maksymalnych miejsc dziesiętnych.

Uwaga: Dostosowanie formatu wyświetlania z maksymalnymi miejscami dziesiętnymi nie zmienia rzeczywistej przechowywanej wartości liczbowej.

Przykłady dla maksymalnej liczby miejsc dziesiętnych równej 3

• 0,12345 będzie wyświetlane jako 0,123
• 0,12 będzie wyświetlane jako 0,12
• 0,1236 będzie wyświetlane jako 0,124 (zaokrąglone w górę).

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 potężnymi 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 elementy 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.

Umożliwia to wybranie wielu opcji z menu lub listy rozwijanej i wypisanie ich do zmiennej Array. Konfiguracja widoku i opcji wyboru jest dokładnie taka sama, jak w przypadku opcji widżetu Single Select, opisanych 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 jako źródło danych wybierzesz Tulip Table Record, dane wejściowe będą zapisywane 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 Datetime 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. Widżet ten wymaga zmiennej typu danych Image URL, aby przechowywać 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 do wymagania od operatora podpisania i zatwierdzenia danych w zmiennej, polach w rekordzie tabeli lub obu.

Dane, które mają być walidowane przez podpis, muszą być 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!