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

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

Переопределите настройки по умолчанию через $.fn.slider.defaults.

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

Зависимости

  • draggable

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

Создайте слайдер из тега <input>, когда он используется как поле формы.

<input class="easyui-slider" value="12" style="width:300px"
    data-options="showTip:true,rule:[0,'|',25,'|',50,'|',75,'|',100]">

Также разрешено создавать слайдер из <div>, но атрибут 'value' недействителен.

<div class="easyui-slider" data-options="min:10,max:90,step:10" style="width:300px"></div>

Это создаёт слайдер.

<div id="ss" style="height:200px"></div>

$('#ss').slider({
    mode: 'v',
    tipFormatter: function(value){
        return value + '%';
    }
});

Свойства

Name Type Описание Значение по умолчанию
width число Ширина слайдера. auto
height число Высота слайдера. auto
mode string Тип слайдера. Возможные значения: 'h' (горизонтальный), 'v' (вертикальный). h
reversed логическое значение Если установлено в true, позиции минимального и максимального значений будут поменяны местами. Это свойство доступно начиная с версии 1.3.2. false
showTip логическое значение Определяет, отображать ли всплывающую подсказку со значением. false
disabled логическое значение Определяет, следует ли отключить слайдер. false
value число Значение по умолчанию. 0
min число Минимально допустимое значение. 0
max число Максимально допустимое значение. 100
шаг число Значение для увеличения или уменьшения. 1
rule array Отображать метки рядом со слайдером, '|' — линия отображения значения. []
tipFormatter функция Функция для форматирования значения слайдера. Возвращает строковое значение, отображаемое как всплывающая подсказка.

Events

Name Parameters Описание
onChange newValue,oldValue Срабатывает при изменении значения поля.
onSlideStart value Срабатывает при начале перетаскивания слайдера.
onSlideEnd value Срабатывает при остановке перетаскивания слайдера.
onComplete value Срабатывает, когда пользователь изменяет значение слайдера — перетаскиванием слайдера или щелчком по слайдеру. Это событие доступно начиная с версии 1.3.4.

Методы

Name Parameters Описание
options none Возвращает параметры слайдера.
destroy none Уничтожает объект слайдера.
resize param Устанавливает размер слайдера. Параметр 'param' содержит следующие свойства:
width: новая ширина слайдера
height: новая высота слайдера
getValue none Получает значение слайдера.
setValue value Устанавливает значение слайдера.
clear none Очищает значение слайдера. Этот метод доступен начиная с версии 1.3.5.
сброс none Сбрасывает значение слайдера. Этот метод доступен начиная с версии 1.3.5.
enable none Включает компонент слайдера.
disable none Отключает компонент слайдера.
jQuery EasyUI 插件jQuery EasyUI Plugin Другие расширения