Drag & Drop into Tree & TreeTable components to change position of Leaf nodes
Feature Request Description
We would need ability to drag and drop into Tree and TreeTable component to change the position of leaf nodes. This will enable us to assign / de-assign configuration activities with different business scenarios.
Proposed Solution
User should be able to drag and drop desired leaf node entities in Tree and TreeTable components.
Proposed Alternatives
No response
Organization
CBC
Additional Context
No response
Priority
High
Privacy Policy
- [X] I’m not disclosing any internal or sensitive information.
Hello @ui5-webcomponents-topic-p,
Please take a look at this feature request regarding Drag & Drop.
Best regards, Petar
Hi @surjadeep ,
Given that our components inherit from HTMLElement, you can expect drag and drop functionality to function as HTML drag and drop. You have the option to set "draggable" to "true" and utilize events such as "dragstart," "drop," and so on.
I've prepared an example demonstrating how to achieve a straightforward drag and drop operation between two trees. This example allows you to rearrange nodes and place them within other nodes as needed. You can access it here: Drag and Drop Example
Should you encounter any gaps in functionality that the framework should address, please don't hesitate to provide further details about your specific use case and any necessary API extensions you believe are required from the framework.
Best regards, Dobrin
Upon further look, there is a visual design which the tree component must address in order to support the Drag and Drop visual Fiori specifications. We will discuss this in our upcoming planning meeting.
Internal BLI: BGSOFUIPIRIN-6357