How to use drag and drop system in Lister Comp

Beginners
1

I can be easy to use Drag n drop in Container Comp, but the lister doesn’t callback any result, specially onHoverStartGetAcceot() .

image
image2414×1267 379 KB

3

You are probably just missing the “draggable” setting. You can set a column up to be draggable in the lister column definition table. You can also set the draggable list attribute if you are using a raw listCOMP.

I will update the wiki to make this more clear!

4

yep, if you have updated the document please call me :>

5

I try to use TreeLister, but how to drag for theirs children like lister.

image
image1534×603 58.9 KB

6

tree lister doesn’t allow drag to reorder rows, but you should be able to use drag-drop callbacks still. If you can’t please post an example.

7

OK, here you are :>
Question.tox (49.6 KB)

8

Sorry about the delay in response. Looking into this.

I can tell you that the onDrag callbacks aren’t working because the “draggable” row is set to false in the column definitions.

The hover callbacks do seem to have a bug. Researching this now.

9

I found the onHover/onDrop problem. Will be fixed in next release.

Workaround:

  • change lister/internalCallbacks to clone immune (lightning bolt button on the node)
  • change the name of the onHover function inside to onHoverOld. This function was being called instead of the new callback DAT function. Do the same for the onDrop function.
  • you may have to cut and paste the lister for the changes to take effect
1 Like