Relselect

Kliknij, aby skopiować

Wybierz komponent, aby wybrać wartości z Modeli danych.


Ustawienia początkowe

Data source - model danych, który ma zostać użyty do wyświetlenia opcji rozwijanych z.

Mode - wybrać Multiple aby móc wybrać wiele opcji z listy rozwijanej. W przeciwnym razie, Single należy użyć mode.


Ustawienia wyglądu i działania

Label (not mantory) do wykorzystania w celu pokazania etykiety komponentu.

Placeholder (nieobowiązkowy) do wykorzystania do pokazania placeholder komponentu.

Name (obowiązkowo) - nazwa komponentu.

Size (obowiązkowo) - rozmiar komponentu. Jest ustawiony na Domyślny podczas tworzenia komponentu.

Search (obowiązkowy) - możliwość wyszukiwania w ramach dostępnych opcji rozwijanych. Jest domyślnie wyłączona.

Clear icon (obowiązkowy) - pokazuje ikonę czystych opcji, jeśli jest włączona. Jest domyślnie wyłączona.

Disabled (obowiązkowy) - sprawia, że komponent jest wyłączony, jeśli jest włączony. Jest domyślnie wyłączony.

Visible (obowiązkowy) - sprawia, że komponent jest widoczny, jeśli jest włączony. Jest domyślnie włączony.


Dane

Data source - Model danych w użyciu. Konfigurowalny tylko podczas tworzenia komponentu.

Label - Pola Modelu Danych, które mają być pokazane w pojedynczej opcji rozwijanej.


Wyzwalacze przepływu pracy

  • onChange - odpala się, gdy opcja rozwijana uległa zmianie.
  • onFocus - odpala się, gdy komponent Relselect jest skupiony.
  • onBlur - odpala się, gdy komponent Relselect jest zamazany.
  • onCreate - odpala się, gdy komponent jest tworzony.
  • onShow - odpala się, gdy komponent jest pokazywany.
  • onHide - zostaje wywołany, gdy komponent jest ukryty.
  • onSearch - zostanie wywołany, gdy użytkownik wyszuka dostępne opcje.
  • onOpen - odpala się przy rozwijaniu.
  • onLoadAll - zostanie wywołany, gdy wszystkie opcje rozwijania zostaną pobrane.

Akcje komponentów

RelSelect Get Properties

Pobiera właściwości komponentu.

Parametrywejściowe :

  • Component Id [string] - Identyfikator komponentu RelSelect;

Parametrywyjściowe :

  • Selected [Data Model type/ Data Model Array type] - wybrana opcja (opcje). Wyświetlane w procesie biznesowym, gdy określony jest tylko identyfikator komponentu.
  • Data [Data Model Array type] - tablica elementów modelu danych, które mają być użyte. Dostępne w procesie biznesowym tylko w przypadku określenia ID komponentu.
  • Label [string] - etykieta komponentu;
  • Placeholder [string] - placeholder komponentu;
  • Allow Clear [boolean] - pozwala wyczyścić zaznaczenie jeśli true;
  • Disable [boolean] - wyłącza komponent jeśli true;
  • Tooltip [string] - tooltip string;
  • Required Mark [boolean] - pokazuje wymagane zaznaczenie, jeśli true;
  • Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
  • Validate Icon [boolean] - ikona do wyświetlenia przy sprawdzaniu poprawności wartości;
  • Validate Status [Status type] - status do wyświetlenia przy sprawdzaniu wartości;
  • Validate Message [string] - komunikat, który zostanie wyświetlony przy sprawdzaniu wartości.

RelSelect Get Properties

RelSelect Set Properties

Ustawia właściwości komponentu.

Parametrywejściowe :

  • Component Id [string] - RelSelect identyfikator komponentu;
  • Label [string] - etykieta elementu;
  • Placeholder [string] - placeholder komponentu;
  • Allow Clear [boolean] - umożliwia wyczyszczenie zaznaczenia, jeśli true;
  • Disable [boolean] - wyłącza komponent jeśli true;
  • Tooltip [string] - tooltip string;
  • Required Mark [boolean] - pokazuje wymagane zaznaczenie, jeśli true;
  • Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
  • Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas sprawdzania poprawności wartości;
  • Validate Status [Status type] - status do wyświetlenia przy sprawdzaniu wartości;
  • Validate Message [string] - komunikat, który zostanie wyświetlony podczas sprawdzania poprawności wartości.

RelSelect Set Properties

RelSelect Update Properties

Aktualizuje właściwości komponentu.

Parametrywejściowe :

  • Selected [Data Model type/ Data Model Array type] - wybrana(e) opcja(y). Wyświetlane w procesie biznesowym, gdy Component ID jest określone.
  • Data [Data Model Array type] - tablica elementów modelu danych, które mają zostać użyte. Dostępne w procesie biznesowym, gdy Component ID jest określony tylko wtedy.
  • Component Id [string] - RelSelect identyfikator komponentu;
  • Label [string] - etykieta komponentu;
  • Placeholder [string] - placeholder komponentu;
  • Allow Clear [boolean] - pozwala wyczyścić zaznaczenie jeśli true;
  • Disable [boolean] - wyłącza komponent jeśli true;
  • Tooltip [string] - tooltip string;
  • Required Mark [boolean] - pokazuje wymagane zaznaczenie, jeśli true;
  • Debounce (ms) [integer] - opóźnienie do zatwierdzenia wartości;
  • Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas sprawdzania poprawności wartości;
  • Validate Status [Status type] - status do wyświetlenia przy sprawdzaniu wartości;
  • Validate Message [string] - wiadomość do pokazania przy sprawdzaniu poprawności wartości.

RelSelect Get Properties


Przykład użycia.

Wymagane jest pobranie opcji rozwijanych z serwera, aby je zobaczyć.

Logika powinna być następująca:

1.Pobierz tablicę modeli danych(żądanie serwera GET ) przy RelSelect przy tworzeniu komponentu (onCreate).

2.Zaktualizuj dane rozwijane (RelSelect Update Properties)