jQuery EasyUI Plugin de base -Droppable
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. |
Plugins jQuery EasyUI Autres extensions