Wejście (liczba całkowita)

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.

Parametrywejściowe :

• Component Id [string] - identyfikator komponentu wejściowego.

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

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

Parametrywejś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