Премини към основното съдържание

Number Input

Компонент за въвеждане на числа. Може да се използва като част от табло за управление ISLE или самостоятелно. В последния случай трябва да обработвате промените чрез атрибута onChange или да свържете стойността с глобална променлива чрез атрибута bind.

Опции​

  • bind | string: име на глобалната променлива, към която ще бъде присвоено числото. Default: ''.
  • defaultValue | number: стойност, указваща стойността по подразбиране на входа при стартиране. Default: 0.
  • disabled | boolean: boolean, показващ дали входът е активен или не. Default: false.
  • inline | boolean: указва дали входът да се показва inline. Default: false.
  • legend | (string|node): низ, указващ текста, който се показва до въведеното число. Default: none.
  • max | number: число, указващо максималната стойност, която може да бъде вмъкната. Default: null.
  • min | number: число, указващо най-малката възможна стойност, която може да бъде вмъкната. Default: null.
  • numbersOnly | boolean: контролира дали се приемат само числа. Default: true.
  • placeholder | string: низ, указващ текста, който се показва, когато входът е празен (изисква defaultValue да е зададен на null или undefined). Default: '0'.
  • onBlur | function: функция за обратна връзка, която да се извика при използване на метод за размазване. Default: onBlur() {}.
  • onChange | function: функция за обратна връзка, която се извиква при промяна на въведеното число. Default: onChange() {}.
  • onKeyDown | function: функция за обратна връзка, която се извиква при натискане на някой клавиш. Default: onKeyDown() {}.
  • onKeyPress | function: функция за обратна връзка, която се извиква при въвеждане на някой клавиш. Default: onKeyPress() {}.
  • onKeyUp | function: функция за обратна връзка, която да се извика при освобождаване на клавиша. Default: onKeyUp() {}.
  • step | (number|string): число, указващо постепенните промени при използване на стрелките за увеличаване. Default: 1.
  • style | object: CSS инлайн стилове. Default: {}.
  • inputStyle | object: CSS инлайн стилове за входния елемент. Default: {}.
  • value | number: числова стойност (за контролиран компонент). Default: none.
  • tooltip | string: низ за подсказка (ако не е зададен, подсказката се генерира автоматично). Default: none.
  • tooltipPlacement | string: посока на подсказката. Default: 'left'.

Примери​

Редактор в реално време
Резултат
ReferenceError: Provider is not defined