Skip to content
Snippets Groups Projects
Select Git revision
20 results
Blame Permalink
DRAGANDDROP.md 842 B

Drag And Drop

Sort

Initialize a dnd container by adding the class "qfq-dnd"

Set container object class to class="qfq-dnd qfq-dnd-sort".

Add the data elements: data-dnd-api="url" and data-dnd-key="key".

For the children inside of the container (just the first children): add data-dnd-id to a reference you can handle (probably record id).

Request will be sent containing following GET variables:

  • dragId = data-dnd-id of the dragged object,
  • dragPosition = client internal old position of the dragged object.
  • setTo = "after" or "before",
  • hoverId = data-dnd-id id of the element the dragged element is now hovering, meaning before or after.
  • hoverPosition = client internal position of currently hovered element.

Example: http://something/bla?dragId=uno&dragPosition=1&setTo=before&hoverId=tre&hoverPosition=3