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


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

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

Спиннер объединяет редактируемое текстовое поле с двумя маленькими кнопками, позволяя пользователю выбирать из диапазона значений. Подобно combobox, спиннер позволяет пользователю ввести значение, но не имеет раскрывающегося списка. Спиннер — базовый компонент для создания других спиннер-компонентов (таких как numberspinner, timespinner и т. д.).

Зависимости

  • validatebox

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

Спиннер должен быть создан с помощью JavaScript. Создание его из разметки не допускается.

<input id="ss" value="2">
$('#ss').spinner({
    required:true,
    increment:10
});

Свойства

Это свойство наследуется от validatebox. Ниже перечислены свойства, добавленные для спиннера.

Name Type Описание Значение по умолчанию
width число Ширина компонента. auto
height число Высота компонента. Это свойство доступно начиная с версии 1.3.2. 22
value string Начальное значение.
min string Минимально допустимое значение. null
max string Максимально допустимое значение. null
increment число Значение приращения при нажатии кнопок спиннера. 1
editable логическое значение Определяет, может ли пользователь напрямую вводить значения в текстовое поле. истина
disabled логическое значение Определяет, отключено ли текстовое поле. false
spin function(down) Функция, вызываемая при нажатии пользователем кнопки спиннера. Параметр 'down' указывает, нажал ли пользователь нижнюю кнопку спиннера.

Events

Name Parameters Описание
onSpinUp none Срабатывает, когда пользователь нажимает верхнюю кнопку спиннера.
onSpinDown none Срабатывает, когда пользователь нажимает нижнюю кнопку spinner.

Методы

Этот метод наследуется от validatebox. Ниже приведены методы, добавленные для spinner.

Name Parameters Описание
options none Возвращает объект options.
destroy none Уничтожает компонент spinner.
resize width Сбрасывает ширину компонента. Переопределите начальную ширину, передав параметр 'width'.
Пример кода:
$('#ss').spinner('resize');  // resize with original width
$('#ss').spinner('resize', 200);  // resize with new width
enable none Включает компонент.
disable none Отключает компонент.
getValue none Получает значение компонента.
setValue value Устанавливает значение компонента.
clear none Очищает значение компонента.
сброс none Сбрасывает значение компонента. Этот метод доступен начиная с версии 1.3.2.

jQuery EasyUI 插件Плагины jQuery EasyUI Другие расширения