Relselect

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 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 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.

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)