69
Views
1
Comments
[Drag And Drop in Reactive] Drag and Drop in combination with buttons - button not working after drag and drop
drag-and-drop-in-reactive-oml
Reactive icon
Forge component by DiogoRomero
Application Type
Reactive

I am using the "Drag and Drop in Reactive" component and I would like to use it in combination with buttons. However, after drag&drop, buttons are not doing anything anymore.

In this app I am trying to drag and drop from a list of buttons into another list.  This is working fine, the drag and drop is functioning as it should. However, I also want to be able to click on one of the options (then the option will be added to the bottom of the list). Buttons are working, but not anymore after using drag& drop.

I am looking for a way where the list will function for both drag&drop and as buttons. As a solution I tried to refresh the list after drag & drop, but that will give an error: "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. "

To get the way I implemented it, see attached (simplified) oml or try it out on https://betteco.outsystemscloud.com/DragAndDrop_Buttons 

Kind regards,
Betteco

DragAndDrop_Buttons.oml

I know your forum post is rather old and I assume you found a different solution.

But as your demo is still available it may help others.


I came across a similar issue and figured out a solution.

See this link:


https://www.outsystems.com/forums/discussion/91490/if-the-drop-source-uses-a-data-source-a-refresh-of-the-data-source-breaks-app/#Post391316


BR

Matthias

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.