Skip to main content

Number Input

Numbriline sisendkomponent. Saab kasutada ISLE armatuurlaua osana või iseseisvalt. Viimasel juhul soovite muudatusi käsitleda atribuudi onChange kaudu või siduda väärtus globaalse muutujaga atribuudi bind kaudu.

Valikud​

  • bind | string: globaalse muutuja nimi, millele tuleb määrata number. Default: ''.
  • defaultValue | number: väärtus, mis näitab sisendi vaikeväärtust käivitamisel. Default: 0.
  • disabled | boolean: boolean, mis näitab, kas sisend on aktiivne või mitte.. Default: false.
  • inline | boolean: näitab, kas sisend kuvatakse rivis. Default: false.
  • legend | (string|node): string, mis näitab numbrisisendi kõrval kuvatavat teksti. Default: none.
  • max | number: number, mis näitab maksimaalset väärtust, mida võib sisestada. Default: null.
  • min | number: number, mis näitab väikseimat võimalikku väärtust, mida võib sisestada.. Default: null.
  • numbersOnly | boolean: kontrollib, kas aktsepteeritakse ainult numbreid. Default: true.
  • placeholder | string: string, mis näitab teksti, mis kuvatakse, kui sisend on tühi (eeldab, et defaultValue on seatud null või undefined).. Default: '0'.
  • onBlur | function: tagasilöögifunktsioon, mis kutsutakse esile, kui kasutatakse hägususmeetodit. Default: onBlur() {}.
  • onChange | function: callback-funktsioon, mida kutsutakse esile, kui numbrisisend muutub. Default: onChange() {}.
  • onKeyDown | function: callback-funktsioon, mis kutsutakse esile, kui mõni klahv vajutatakse alla.. Default: onKeyDown() {}.
  • onKeyPress | function: tagasilöögifunktsioon, mis kutsutakse esile, kui sisestatakse mõni klahv. Default: onKeyPress() {}.
  • onKeyUp | function: tagasilöögifunktsioon, mis kutsutakse üles, kui klahv vabastatakse.. Default: onKeyUp() {}.
  • step | (number|string): number, mis näitab juurdekasvu muutusi, kui kasutatakse juurdekasvu nooleid. Default: 1.
  • style | object: CSS inline stiilid. Default: {}.
  • inputStyle | object: Sisendelemendi CSS inline stiilid. Default: {}.
  • value | number: numbri väärtus (kontrollitava komponendi puhul). Default: none.
  • tooltip | string: tooltip string (kui seda ei ole määratud, genereeritakse tooltip automaatselt). Default: none.
  • tooltipPlacement | string: tööriistatähe suund. Default: 'left'.

Näited​

Live toimetaja
Tulemus
ReferenceError: Provider is not defined