Orion Drag'n Drop
La fonctionnalité de drag'n drop consiste en une combinaison de deux composants.
<o-droppable> est utilisé pour créer la zone de drop.
Il doit être combiné avec le composant <o-draggable>, qui sera un sous-composant et qui peut être glissé dans les différentes zones de drop.
Vous pouvez jetez un oeil aux exemples de code ci-dessous pour vous faire une meilleure idée de ce mécanisme.
DragNDropPlayground DroppableValidation
OrionDroppable
VModels
Name
datalist
Undef<DataListItem[]> = undefinedProps
Name
tag
string = 'div'validation
Orion.DndValidation = undefinedEvents
Name
Payload type
dropIn
anydragOver
dragLeave
reorder
anydropOut
anySlots
Name
Bindings
default
No bindingsPublicInstance
Name
Type
uid
number_el
() => HTMLElement | undefinedProvide
Name
Type
_droppable
publicInstanceOrionDraggable
VModels
Name
disabled
boolean = falseProps
Name
data
Orion.DndData['data'] = undefinedtag
string = 'div'Slots
Name
Bindings
default
No bindings