Přeskočit na hlavní obsah

Number Input

Komponenta pro zadávání čísel. Lze ji použít jako součást ovládacího panelu ISLE nebo samostatně. V druhém případě chcete zpracovávat změny pomocí atributu onChange nebo vázat hodnotu na globální proměnnou pomocí atributu bind.

Možnosti​

  • bind | string: název globální proměnné, do které se číslo přiřadí.. Default: ''.
  • defaultValue | number: hodnota udávající výchozí hodnotu vstupu při spuštění.. Default: 0.
  • disabled | boolean: boolean určující, zda je vstup aktivní, nebo ne.. Default: false.
  • inline | boolean: označuje, zda se vstup zobrazuje inline. Default: false.
  • legend | (string|node): řetězec označující text zobrazený vedle zadaného čísla.. Default: none.
  • max | number: číslo udávající maximální hodnotu, kterou lze vložit.. Default: null.
  • min | number: číslo udávající nejmenší možnou hodnotu, kterou lze vložit.. Default: null.
  • numbersOnly | boolean: kontroluje, zda jsou přijímána pouze čísla. Default: true.
  • placeholder | string: řetězec označující text, který se zobrazí, když je vstup prázdný (vyžaduje, aby defaultValue bylo nastaveno na null nebo undefined).. Default: '0'.
  • onBlur | function: funkce zpětného volání, která má být vyvolána při použití metody rozmazání. Default: onBlur() {}.
  • onChange | function: funkce zpětného volání, která se vyvolá při změně zadaného čísla.. Default: onChange() {}.
  • onKeyDown | function: funkce zpětného volání, která se vyvolá při stisknutí libovolné klávesy.. Default: onKeyDown() {}.
  • onKeyPress | function: funkce zpětného volání, která se vyvolá při zadání libovolné klávesy.. Default: onKeyPress() {}.
  • onKeyUp | function: funkce zpětného volání, která se vyvolá při uvolnění klávesy.. Default: onKeyUp() {}.
  • step | (number|string): číslo označující přírůstkové změny při použití přírůstkových šipek.. Default: 1.
  • style | object: Řádkové styly CSS. Default: {}.
  • inputStyle | object: Řádkové styly CSS pro vstupní prvek. Default: {}.
  • value | number: číselná hodnota (pro řízenou složku). Default: none.
  • tooltip | string: tooltip string (pokud není nastaven, je tooltip generován automaticky). Default: none.
  • tooltipPlacement | string: směr nápovědy. Default: 'left'.

Příklady​

Živý editor
Výsledek
ReferenceError: Provider is not defined