Плагин формы jQuery EasyUI -Numberbox

jQuery EasyUI 插件Плагин jQuery EasyUI

Наследуется от $.fn.validatebox.defaults. Значения по умолчанию можно переопределить с помощью $.fn.numberbox.defaults.

Numberbox используется, чтобы позволить пользователям вводить только числовые значения. Он может преобразовывать элементы ввода в различные типы ввода (такие как числовой, процентный, денежный и т. д.). Дополнительные типы ввода зависят от определения функций 'formatter' и 'parser'.

Зависимости

  • validatebox

Использование

Создание numberbox из разметки.

<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2">

Создание numberbox с помощью JavaScript.

<input type="text" id="nn">

$('#nn').numberbox({
    min:0,
    precision:2
});

Свойства

Свойства наследуются от validatebox; ниже перечислены свойства, добавленные для numberbox.

Name Type Описание Default
disabled логическое значение Определяет, отключать ли поле. false
value число Значение по умолчанию.
min число Минимально допустимое значение. null
max число Максимально допустимое значение. null
precision число Максимальная точность, отображаемая после десятичной точки. 0
decimalSeparator string Символ-разделитель, отделяющий целую и дробную части чисел. .
groupSeparator string Символ, разделяющий группы разрядов целой части.
префикс string Строка префикса.
suffix string Строка суффикса.
filter function(e) Определяет, как фильтровать нажатые клавиши; верните true, чтобы принять вводимый символ. Это свойство доступно начиная с версии 1.3.3.
formatter function(value) Функция, используемая для форматирования значения numberbox. Возвращает строковое значение, отображаемое в поле.
parser function(s) Функция, используемая для разбора строки. Возвращает значение numberbox.

Events

Name Parameters Описание
onChange newValue,oldValue Срабатывает при изменении значения поля.

Методы

Методы наследуются от validatebox; ниже перечислены методы, добавленные или переопределённые для numberbox.

Name Parameters Описание
options none Возвращает объект options.
destroy none Уничтожить объект numberbox.
disable none Отключить поле.
enable none Включить поле.
fix none Привести значение к допустимому значению.
setValue none Установить значение numberbox.
Пример кода:
$('#nn').numberbox('setValue', 206.12);
getValue none Получить значение numberbox.
Пример кода:
var v = $('#nn').numberbox('getValue');
alert(v);
clear none Очистить значение numberbox.
сброс none Сбросить значение numberbox. Этот метод доступен начиная с версии 1.3.2.
jQuery EasyUI 插件jQuery EasyUI Plugin Другие расширения