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
datalistUndef<DataListItem[]> = undefined

Props

Name
tagstring = 'div'
validationOrion.DndValidation = undefined

Slots

Name
Bindings
default
No bindings

PublicInstance

Name
Type
uid
number
_el
() => HTMLElement | undefined

Provide

Name
Type
_droppable
publicInstance

OrionDraggable

VModels

Name
disabledboolean = false

Props

Name
dataOrion.DndData = undefined
tagstring = 'div'

Slots

Name
Bindings
default
No bindings