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. De standaard: Een versleepbaar element moet zich in een container bevinden die een versleepbaar groepselement is om te kunnen functioneren.
 * is een.
 * is een.

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.

Het is mogelijk om te configureren welk deel van een versleepbaar element kan worden binnengesleept. 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.

Events
Een  zendt de volgende drag events : :

indicates that the user released their mouse after dragging an item, which ends the drag operation.
 * 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.
 * 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.

Een  zendt de volgende sleepgebeurtenissen uit :

indicates that the user is dragging an item to a new position, but hasn't dropped it yet.
 * 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.
 * indicates that the draggable state has changed.

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. This is available from the OOUI demo, which you can interact with.