Wyświetlanie w aplikacjach interaktywnych list rekordów tabeli lub danych wyjściowych złącza
  • 01 Nov 2022
  • 4 Minuty do przeczytania
  • Współtwórcy

Wyświetlanie w aplikacjach interaktywnych list rekordów tabeli lub danych wyjściowych złącza


Article Summary

Oto jak wyświetlić klikalne listy rekordów lub obiektów w aplikacji.

W tym artykule dowiesz się...

  • Jak wyświetlić wiele rekordów tabeli na podstawie zmiennej
  • Jak wybrać rekord z listy i załadować go do aplikacji
  • Jak zamienić wyjście złącza w interaktywną listę
  • Jak uruchomić logikę wyzwalacza, gdy operator zaznaczy wiersz na interaktywnej liście

Uwaga: Aby skorzystać z tego tutorialu, musisz zrozumieć, jak utworzyć tabelę. Sprawdź ten osobny przewodnik, jeśli nie zrobiłeś tego wcześniej.

Czy potrzebujesz wyświetlić któryś z tych typowych zasobów hali produkcyjnej dla swoich operatorów i techników?

  • Lista zleceń pracy według stacji roboczej
  • Maszyny, które wymagają przeglądu
  • Narzędzia i ich lokalizacje w zakładzie
  • Problemy zarejestrowane na stanowisku i ich postęp w rozwiązywaniu
  • Listy materiałów

Jeśli tak, będziesz musiał użyć widżetu osadzonej tabeli w Edytorze aplikacji.

Widżet osadzonej tabeli może być zasilany przez następujące źródła danych:

  • Wiele wierszy danych wyjściowych SQL
  • Tablica obiektów z łącznika HTTP
  • Rekord tabeli Tulip
  • Pola użytkownika

Po skonfigurowaniu źródła danych, możesz następnie pokazać przefiltrowane listy operatorom i pozwolić im kliknąć dowolny wiersz w tabeli. Możesz nawet odpalić logikę wyzwalacza po wybraniu przez nich Rekordu.

Ten przewodnik pokaże Ci jak stworzyć interaktywne tabele dla każdego z powyższych źródeł danych.

Jeśli chcesz zobaczyć przykład w kontekście, sprawdź ten przewodnik do widoczności procesu zleceń roboczych według stacji.

Dodawanie widżetu osadzonej tabeli

Tabele

Najpierw utwórz Record Placeholder po lewej stronie ekranu. Dzięki temu będziesz mógł załadować do aplikacji jeden rekord z listy.

Następnie dodaj widżet do kroku, wybierając "Embed" z paska narzędzi, a następnie wybierając "Tulip Table".

Następnie połącz go z tabelą Tulip Table za pośrednictwem rozwijanego "Źródła danych":

Po tym, możesz powiązać tabelę osadzoną z Record Placeholder i rozpocząć dodawanie filtrów w Context Pane. Oto jak to wygląda:

Aby dodać kolumny, wybierz je z listy rozwijanej, aby dodać je po kolei.

Możesz zmienić układ tabeli, przeciągając każdą kolumnę w Edytorze aplikacji lub Odtwarzaczu, aby zmienić szerokość kolumn.

Wyjście z łącznika

Oto jak stworzyć interaktywne listy z wyjścia konektora.

Najpierw skonfiguruj konektor, który wysyła tablicę do Twojej aplikacji Tulip. Dowiedz się, jak skonfigurować połączenie między konektorami i aplikacjami tutaj

Następnie dodaj tablicę osadzoną do kroku, jak pokazano powyżej.

Następnie wybierz "Zmienna" jako źródło danych i wybierz zmienną, która przechowuje tablicę wyjściową z funkcji konektora.

Na koniec wybierz zmienną typu "Object" do przechowywania danych wyjściowych lub utwórz ją w ramach okna dialogowego "Linked Variable".

Następnie wybierz kolumnę dla każdej właściwości w obiekcie, którą chcesz wyświetlić.

Uruchomienie logiki wyzwalania i zaprojektowanie kroku

Po skonfigurowaniu tabeli wbudowanej można ją wykorzystać na dwa sposoby:

  1. Natychmiast odpalać wyzwalacz Akcja, gdy operator naciska wiersz
  2. Aktualizacja zmiennej lub zmiennej rekordu i nie wyzwalanie żadnego trigera.

Ta sekcja pokaże Ci jak skonfigurować obie te sytuacje w Twojej aplikacji.

Logika wyzwalania trigera

Aby dodać wyzwalacz, który zostanie uruchomiony po naciśnięciu lub kliknięciu wiersza w odtwarzaczu, kliknij przycisk "+" obok etykiety wyzwalacza w oknie kontekstowym. Otworzy się edytor wyzwalaczy z klauzulą "When" ustawioną na "when a row is selected".

Projektowanie kroku

Oto przegląd popularnego sposobu wykorzystania tabeli wbudowanej w Graczu:

Embedded Table jest używany obok dwóch innych Widgetów:

  1. Widżet tekstowy, aby poinstruować operatora o kliknięciu lub naciśnięciu rekordu.
  2. Widżet Rekord tabeli, aby pokazać, który rekord został wybrany.

Aby wybrać rekord, operator musi nacisnąć rekord, ale prawdopodobnie będziesz chciał dać im jakąś informację zwrotną, że pomyślnie wybrali właściwy rekord.

Aby to zrobić, dodaj widżet tekstowy "Rekord tabeli" do kroku.

Następnie połącz go z tym samym miejscem zapisu, co osadzona tabela w oknie kontekstowym:

Przetestuj to w Odtwarzaczu, a uchwyt rekordu powinien aktualizować się w czasie rzeczywistym.

Zmiana wyświetlania wbudowanej tabeli

Rozmiar wiersza

Domyślnie rozmiar wierszy jest zoptymalizowany do klikania na laptopie lub komputerze stacjonarnym. Możesz jednak chcieć, aby każdy wiersz był większy, aby można go było łatwo nacisnąć na tablecie lub urządzeniu mobilnym.

Aby to zrobić, zmień "Rozmiar czcionki" w oknie kontekstowym. Spowoduje to automatyczne zwiększenie wysokości wiersza, aby dostosować go do rozmiaru czcionki.

Przyciski dla każdego wiersza

Aby usunąć przycisk obok każdego wiersza, należy przełączyć opcję "Wybierz przycisk", aby pokazać lub ukryć przyciski.

Niezależnie od tego, czy opcja "Wybierz przycisk" jest włączona czy wyłączona, wiersze mogą być wybierane poprzez naciśnięcie lub kliknięcie dowolnej części wiersza.

Indeks wiersza

Gdy opcja jest włączona, indeks wiersza będzie wyświetlany w tabeli.

Wiersze na stronę

Określenie ilości wierszy dostępnych w danym momencie w tabeli.

Ustawianie filtrów i sortowania w widżecie

Ta sekcja dotyczy tylko tabel wbudowanych, które są połączone z tabelami Tulipan i polami użytkownika.

Prawdopodobnie będziesz chciał filtrować listę rekordów, które są pokazywane operatorowi. Możesz chcieć filtrować ją w oparciu o:

  1. Stację, która uruchamia aplikację
  2. Operatora używającego aplikacji
  3. Wartość w zmiennej w aplikacji
  4. Coś innego!

Kliknij ikonę "Edytuj" obok opcji Filtry, aby skonfigurować filtr.

Opcje filtrów obejmują:

  1. Wartość statyczna (Static Value)
  2. Zmienna
  3. Rekord tabeli Tulipan
  4. Informacje o aplikacji

Najpierw wybierz pole z tabeli, w którym chcesz ustawić filtr. Następnie wybierz warunek. W opcji "Zmienna" zobaczysz zarówno metadane aplikacji, takie jak użytkownik i stacja, jak i zmienne związane z aplikacją.

Po wybraniu filtra, kliknij "X" w prawym górnym rogu modalu.

Możesz ustawić sortowanie dla wbudowanej tabeli za pomocą opcji "Sortuj według".

Czytaj dalej


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

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


Czy ten artykuł był pomocny?