jQuery EasyUI Plugin de base -Droppable


jQuery EasyUI 插件Plugins jQuery EasyUI

Surchargez les valeurs par défaut via $.fn.droppable.defaults.

Utilisation

Créez une zone de dépôt via le balisage.

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

Créez une zone de dépôt en utilisant JavaScript.

<div id="dd" style="width:100px;height:100px;"></div>
$('#dd').droppable({
    accept:'#d1,#d3'
});

Propriétés

Name Type Description Valeur par défaut
accept selector Détermine quels éléments draggables seront acceptés. null
disabled booléen S'il est défini sur true, arrête le droppable. false

Événements

Name Parameters Description
onDragEnter e,source Déclenché lorsqu'un élément draggable est glissé à l'intérieur. Le paramètre source fait référence à l'élément DOM glissé.
onDragOver e,source Déclenché lorsqu'un élément draggable est glissé au-dessus. Le paramètre source fait référence à l'élément DOM glissé.
onDragLeave e,source Déclenché lorsqu'un élément draggable est glissé à l'écart. Le paramètre source fait référence à l'élément DOM glissé.
onDrop e,source Déclenché lorsqu'un élément draggable est déposé. Le paramètre source fait référence à l'élément DOM glissé.

Méthodes

Name Parameters Description
options none Renvoie l'objet options.
enable none Activer la fonctionnalité droppable.
disable none Désactiver la fonctionnalité droppable.

jQuery EasyUI 插件Plugins jQuery EasyUI Autres extensions