OOUI/Elements/Draggable/fr

OOUI est livré avec deux mixins qui entourent l'API HTML5 Drag and Drop, ' et '. Ces implémentations OOUI rendent plus facile l'utilisation de l'API. Par défaut : Pour pouvoir fonctionner, un élément déplaçable doit être dans un conteneur qui est un élément de groupe déplaçable.
 * est un.
 * est un.

Un objet DraggableGroupElement va agréger les événements du déplacement (dragend, dragstart, et drop) en écoutant chaque fils, et en les réorganisant en conséquence.

Configuration
Un groupe d'éléments déplaçables peut avoir deux orientations : verticale et horizontale. Ces orientations contrôlent la position relative des éléments entre eux quand ils sont déplacés à l'intérieur du conteneur.

Il est possible de configurer quelle partie d'un élément déplaçable peut être déplacée. Par défaut, c'est l'élément entier qui est déplaçable.
 * Quand l'orientation est verticale, les éléments qui la composent sont des blocs positionnés en ligne et situés les uns à côté des autres et par dessus de la ligne suivante, si cette ligne est remplie.
 * Quand l'orientation est horizontale, les éléments sont des blocs, empilés les uns sur les autres.

Events
Un objet  émet ces événements de déplacement :


 * indicates that the user released their mouse after dragging an item, which ends the drag operation.
 * indicates that the user clicks and hold their mouse on an item and is starting to drag the item.
 * indicates that the user released their mouse on an item onto a valid target.

Un  émet les éléments de déplacement suivants :


 * indicates that the user is dragging an item to a new position, but hasn't dropped it yet.
 * indicates that the draggable state has changed.

Exemples
The below example shows a drag operation being done inside a vertical-oriented DraggableGroupElement, with handles. This is available from the OOUI demo, which you can interact with.