Ustawienia wyglądu i działania:
Label(nie obowiązkowe) - etykieta dla wejścia.
Default value(nie obowiązkowe) - domyślna wartość wejścia.
Placeholder(nieobowiązkowe) - miejsce na dane wejściowe.
Name(obowiązkowe) - nazwa wejścia.
Tooltip(nie obowiązkowe) - podpowiedź dla danych wejściowych.
Min(nieobowiązkowe) - wartość minimalna.
Max(nie obowiązkowe) - wartość maksymalna.
Step(nie obowiązkowe) - krok zmiany.
Required(mandatory) - powoduje, że pole jest obowiązkowe. Domyślnie wyłączone.
Allow clear(mandatory) - ikona do wyczyszczenia wejścia. Domyślnie wyłączona.
Validate icon (obowiązkowy) - ikona sprawdzania poprawności danych wejściowych. Domyślnie wyłączona.
Disabled(mandatory) - sprawia, że komponent jest wyłączony, jeśli jest włączony. Domyślnie jest wyłączony.
Visible(obowiązkowy) - sprawia, że komponent jest widoczny, jeśli jest włączony. Domyślnie włączony.
Wyzwalacze przepływu pracy:
- onCreate- wywołuje się, gdy element jest tworzony na stronie;
- onShow- odpala się, gdy element zmienia swój stan na widoczny (wyświetlany na stronie);
- onHide- odpala się, gdy element zmienia swój stan na ukryty (przestaje być wyświetlany);
- onDestroy- odpala się przed zniszczeniem elementu;
- onChange- odpala się, gdy wartość jest zmieniana;
- onFocus- wywołuje się, gdy komponent jest skupiony;
- onBlur- wywołuje się, gdy komponent jest zamazany;
- onEnterKey- odpala się po naciśnięciu Enter.
Component Actions:
InputInteger Get Properties
Pobiera właściwości komponentu.
Parametry wejściowe:
- Component Id [string] - identyfikator komponentu wejściowego.
Parametry wyjściowe:
- Label[string] - etykieta wejścia;
- Placeholder[string] - zastępczy element wejściowy;
- Allow clear [boolean] - stan allow clear;
- Disable[boolean] - wyłącza komponent jeśli true;
- Visible[boolean] - stan widoczności komponentu;
- Tooltip[string] - podpowiedź pola wejściowego;
- Required [boolean] - pokazuje wymagane oznaczenie jeśli true;
- Debounce (ms) [integer] - opóźnienie do sprawdzenia wartości;
- Min[integer] - wartość min;
- Max[integer] - wartość max;
- Step[integer] - krok zmiany;
- Value[string] - wartość z wejścia;
- Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas walidacji wartości;
- Validate Status [status type] - status do wyświetlenia przy sprawdzaniu wartości;
- Validate Message [string] - komunikat do wyświetlenia przy sprawdzaniu wartości.
InputInteger Set Properties
Ustawia właściwości komponentu.
Parametry wejściowe:
- Component Id [string] - identyfikator elementu wejściowego.
- Label[string] - etykieta wejścia;
- Placeholder[string] - input placeholder;
- Allow clear [boolean] - stan allow clear;
- Disable[boolean] - wyłącza komponent jeśli true;
- Visible[boolean] - stan widoczności komponentu;
- Tooltip[string] - podpowiedź pola wejściowego;
- Required[boolean] - pokazuje wymagane oznaczenie jeśli true;
- Debounce (ms) [integer] - opóźnienie do sprawdzenia wartości;
- Min[integer] - wartość min;
- Max[integer] - wartość max;
- Step[integer] - krok zmiany;
- Value[string] - wartość z wejścia;
- Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas walidacji wartości;
- Validate Status [status type]- status do wyświetlenia przy sprawdzaniu wartości;
- Validate Message [string] - komunikat do wyświetlenia przy sprawdzaniu wartości.
InputInteger Update Properties
Aktualizuje właściwości komponentu.
Parametry wejściowe:
- Component Id [string] - identyfikator elementu wejściowego.
- Label[string] - etykieta wejścia;
- Placeholder[string] - input placeholder;
- Allow clear [boolean] - stan allow clear;
- Disable[boolean] - wyłącza komponent jeśli true;
- Visible[boolean] - stan widoczności komponentu;
- Tooltip[string] - podpowiedź pola wejściowego;
- Required[boolean] - pokazuje wymagane oznaczenie jeśli true;
- Debounce(ms) [integer] - opóźnienie do sprawdzenia wartości;
- Min[integer] - wartość min;
- Max[integer] - wartość max;
- Step[integer] - krok zmiany;
- Value[string] - wartość z wejścia;
- Validate Icon [boolean] - ikona, która zostanie wyświetlona podczas walidacji 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.
Przykład użycia.
Input(integer) nadaje się do wprowadzania wartości liczbowych, np. ceny
