Skip to main content

Reorder Handle

shadow

ReorderHandle je element, ktorý pridáva iným elementom funkcionalitu drag-and-drop, a slúži ako rukoväť na presúvanie položiek v skupine elementov.

Základné použitie

Zamykanie rukoväte

Pridaním atribútu lock na element ReorderHandle, môžete zablokovať možnosť ťahania položky, čím sa zabráni používateľom v zmene poradia položiek.

Bez dropzóny (Pre použitie v menu)

Prvky môžu byť presúvané v rámci ich rodičovského kontajnera bez potreby explicitne definovať dropzone atribút, čím sa zjednodušuje implementácia funkcionality drag-and-drop.

Atribúty a Vlastnosti

disabled

DescriptionIf true, the shift handle is disabled and cannot be interacted with.
Attributedisabled
Typeboolean
Defaultfalse

dropzone

DescriptionDefines a selector for the destination zone to which items can be moved. If not defined, the parent element is used as the dropzone automatically.
Attributedropzone
Typestring
Default``

Eventy

NameDescription
ReorderStartCalled when the user starts moving an item.
reorderEndCalled when the user finishes moving the item.

Metódy

No public methods available for this component.

CSS Shadow Parts

NameDescription
handleRefers to the element of the handle that is used for moving.

CSS Custom Vlastnosti

NameDescription
--wje-reorder-handle-colorHandle colour for moving
--wje-reorder-handle-opacityHandle transparency for moving
--wje-reorder-handle-sizeHandle size for moving

Sloty

NameDescription
``The default location of the element content.