Ugrás a fő tartalomra

Number Input

Számbeviteli komponens. Használható egy ISLE műszerfal részeként vagy önállóan. Az utóbbi esetben a változásokat az onChange attribútummal kell kezelni, vagy az értéket a bind attribútummal egy globális változóhoz kell kötni.

Opciók​

  • bind | string: a globális változó neve, amelyhez a számot hozzárendelni kell. Default: ''.
  • defaultValue | number: érték, amely a bemenet alapértelmezett értékét jelzi indításkor. Default: 0.
  • disabled | boolean: boolean, amely jelzi, hogy a bemenet aktív-e vagy sem.. Default: false.
  • inline | boolean: jelzi, hogy a bemenet soron belül jelenik-e meg. Default: false.
  • legend | (string|node): string, amely a számbemenet mellett megjelenő szöveget jelzi. Default: none.
  • max | number: a beilleszthető maximális értéket jelző szám. Default: null.
  • min | number: a beilleszthető legkisebb lehetséges értéket jelző szám. Default: null.
  • numbersOnly | boolean: szabályozza, hogy csak számok legyenek elfogadva. Default: true.
  • placeholder | string: string, amely a bemenet üressége esetén megjelenő szöveget jelzi (az defaultValue értéknek null-ra vagy undefined-re kell lennie beállítva).. Default: '0'.
  • onBlur | function: callback függvény, amelyet egy blur módszer használatakor kell meghívni. Default: onBlur() {}.
  • onChange | function: callback függvény, amelyet a szám bevitelekor kell meghívni.. Default: onChange() {}.
  • onKeyDown | function: bármely billentyű lenyomásakor meghívandó callback függvény. Default: onKeyDown() {}.
  • onKeyPress | function: bármely billentyű beütésekor meghívandó callback függvény. Default: onKeyPress() {}.
  • onKeyUp | function: a billentyű felengedésekor meghívandó callback funkció. Default: onKeyUp() {}.
  • step | (number|string): az inkrementális változásokat jelző szám, ha a növekménynyilakat használjuk. Default: 1.
  • style | object: CSS inline stílusok. Default: {}.
  • inputStyle | object: CSS inline stílusok a beviteli elemhez. Default: {}.
  • value | number: számérték (ellenőrzött komponens esetén). Default: none.
  • tooltip | string: tooltip string (ha nincs beállítva, a tooltip automatikusan generálódik). Default: none.
  • tooltipPlacement | string: a tooltip iránya. Default: 'left'.

Példák​

Élő szerkesztő
Eredmény
ReferenceError: Provider is not defined