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

Конструктор

newPrettyInput(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. Только для чтения