jQuery EasyUI Basis-Plugin -Droppable

Überschreiben Sie die Standardeinstellungen über $.fn.droppable.defaults.

Nutzung

Erstellen Sie einen Droppable-Bereich über Markup.

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

Erstellen Sie einen Droppable-Bereich mit JavaScript.

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

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

Name	Type	Beschreibung	Standardwert
accept	selector	Bestimmt, welche draggable-Elemente akzeptiert werden.	null
disabled	boolesch	Wenn auf true gesetzt, wird das Droppable gestoppt.	false

Name	Parameters	Beschreibung
onDragEnter	e,source	Wird ausgelöst, wenn ein draggable-Element hineingezogen wird. Der Parameter source bezieht sich auf das gezogene DOM-Element.
onDragOver	e,source	Wird ausgelöst, wenn ein draggable-Element darüber gezogen wird. Der Parameter source bezieht sich auf das gezogene DOM-Element.
onDragLeave	e,source	Wird ausgelöst, wenn ein draggable-Element weggezogen wird. Der Parameter source bezieht sich auf das gezogene DOM-Element.
onDrop	e,source	Wird ausgelöst, wenn ein draggable-Element abgelegt wird. Der Parameter source bezieht sich auf das gezogene DOM-Element.

Name	Parameters	Beschreibung
options	none	Gibt das Optionsobjekt zurück.
enable	none	Aktiviert die Droppable-Funktionalität.
disable	none	Deaktiviert die Droppable-Funktionalität.

jQuery EasyUI Plugins Weitere Erweiterungen