jQuery EasyUI Базовый плагин -Droppable

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

Переопределите значения по умолчанию через $.fn.droppable.defaults.

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

Создайте droppable-область с помощью разметки.

<div class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;">
</div>

Создайте droppable-область с помощью javascript.

<div id="dd" style="width:100px;height:100px;"></div>

$('#dd').droppable({
    accept:'#d1,#d3'
});

Свойства

Name Type Описание Значение по умолчанию
accept selector Определяет, какие перетаскиваемые элементы будут приняты. null
disabled логическое значение Если установлено значение true, останавливает droppable. false

Events

Name Parameters Описание
onDragEnter e,source Срабатывает, когда перетаскиваемый элемент перетаскивают внутрь. Параметр source указывает на перетаскиваемый DOM-элемент.
onDragOver e,source Срабатывает, когда перетаскиваемый элемент перетаскивают над элементом. Параметр source указывает на перетаскиваемый DOM-элемент.
onDragLeave e,source Срабатывает, когда перетаскиваемый элемент перетаскивают прочь. Параметр source указывает на перетаскиваемый DOM-элемент.
onDrop e,source Срабатывает, когда перетаскиваемый элемент сбрасывают. Параметр source указывает на перетаскиваемый DOM-элемент.

Методы

Name Parameters Описание
options none Возвращает объект options.
enable none Включает функциональность droppable.
disable none Отключает функциональность droppable.
jQuery EasyUI 插件Плагины jQuery EasyUI Другие расширения