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.
Parametry wejściowe:
- Component Id [string] - Identyfikator komponentu RelSelect;
Parametry wyjś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.
Parametry wejś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.
Parametry wejś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)
