Skip to content

Latest commit

 

History

History
54 lines (39 loc) · 3.47 KB

README.md

File metadata and controls

54 lines (39 loc) · 3.47 KB
Raw

Pretty Numbers

Описание

Пример

Данный плагин позволяет применять форматирование к полям ввода. Плагин поддерживает форматирование для положительных, отрицательных и дробных чисел.

Форматирование чисел

С помощью объекта PrettyFormatter, который позволяет преобразовывать числа. У него есть два метода:

  • format(number: int) - разбивает число на разряды
  • unformat(number: string, makeFloat:bool = false) - возвращает число в нормальном виде

Пример:

PrettyFormatter.format(12553); // '12 553'
PrettyFormatter.unformat('147 853.345', true); // 147853.345

Конструктор

new PrettyInput(element:Node, options:Object = {});

Свойства options:

  • isFloat:bool - позволяет вводить в поле ввода дробные числа (по умолчанию false)-
  • isNegative:bool - позволяет вводить в поле ввода отрицательные числа (по умолчанию false)
  • min:int - минимальное значение в поле ввода. Если пустое, то проверка не выполняется
  • max:int - максимальное значение в поле ввода. Если пустое, то проверка не выполняется
  • onChange - функция, которая будет выполняться при срабатывании события change

Атрибуты

Также некоторые из свойств можно передавать через data-атрибуты. Поддерживаются следующие data-атрибуты: data-float, data-negative, data-min, data-max.

Методы

  • static find(input:node) - возвращает экземпляр класса PrettyInput, который был создан для этого Node
  • (1.1.0) setValueWithoutEvents(value: int) - задает новое значение для поля, при этом не срабатывает событие change для

Свойства

  • input: Node - возвращает элемент текстового поля. Только для чтения
  • value: int - возвращает текущее значение поля.
  • formattedValue: string - возвращает форматированние текущее значение поля. Только для чтения
  • isFloat: bool - возможность вводить дробные числа
  • isNegative: bool - возможность вводить отрицательные числа
  • min: int - минимальное значение поля
  • max: int - максимальное значение поля
  • dataset: Object - возвращает значения в виде объекта. Только для чтения
  • onChange: Function - возвращает функцию, которая выполняется при срабатывании события change
  • (1.1.0) isPrettyInput: bool - возвращается true, если объект является экземпляром PrettyInput. Только для чтения