OOUI/Elements/Draggable/nl

OOUI wordt geleverd met twee mixins die rond de HTML5 Drag and Drop API, ' en '. Deze OOUI-implementaties vergemakkelijken het gebruik van de API. , ' and '. These OOUI implementations ease the use of the API. De standaard: Een versleepbaar element moet zich in een container bevinden die een versleepbaar groepselement is om te kunnen functioneren.
 * is een.
 * is een.
 * is a.

Een DraggableGroupElement zal de dropgebeurtenissen (dragend, dragstart en drop) aggregeren, wat betekent dat het naar al deze gebeurtenissen van zijn onderliggende gebeurtenissen zal luisteren en ze dienovereenkomstig zal herschikken.

Configuratie
Een versleepbaar groepselement kan twee verschillende richtingen hebben, verticaal en horizontaal. Deze oriëntaties bepalen hoe de versleepbare elementen in de container ten opzichte van elkaar worden geplaatst. These orientations control how the draggable elements within the container will be positioned relative to each other.

Het is mogelijk om te configureren welk deel van een versleepbaar element kan worden binnengesleept. Standaard is het hele element versleepbaar. By default, the entire element is draggable.
 * Wanneer de oriëntatie verticaal is, zijn de elementen binnenin inline blokken, die naast elkaar zitten en oversteken naar de volgende regel wanneer de lijn is opgevuld.
 * Wanneer de oriëntatie horizontaal is, zijn de elementen blokken, die op elkaar zitten.
 * When the orientation is horizontal, the elements will be blocks, sitting on top of each other.

Events
Een  zendt de volgende drag events :


 * geeft aan dat de gebruiker zijn muis losliet na het slepen van een item, waardoor de sleepbewerking wordt beëindigd.
 * geeft aan dat de gebruiker op een item klikt en zijn muis vasthoudt en het item begint te slepen.
 * geeft aan dat de gebruiker zijn muis op een item heeft losgelaten op een geldig doelwit.

Een  zendt de volgende sleepgebeurtenissen uit :


 * geeft aan dat de gebruiker een item naar een nieuwe positie sleept, maar het nog niet heeft laten vallen.
 * geeft aan dat de sleepbare status is gewijzigd.

Voorbeelden
In het onderstaande voorbeeld ziet u een sleepbewerking die wordt uitgevoerd in een verticaal georiënteerd DraggableGroupElement, met handgrepen. Dit is beschikbaar via de OOUI-demo, waarmee u kunt communiceren.