ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

Drag & Drop into Tree & TreeTable components to change position of Leaf nodes

Open surjadeep opened this issue 2 years ago • 4 comments

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.

surjadeep avatar Sep 08 '23 04:09 surjadeep

Hello @ui5-webcomponents-topic-p,

Please take a look at this feature request regarding Drag & Drop.

Best regards, Petar

dimovpetar avatar Sep 08 '23 06:09 dimovpetar

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

dobrinyonkov avatar Sep 21 '23 11:09 dobrinyonkov

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.

dobrinyonkov avatar Sep 21 '23 11:09 dobrinyonkov

Internal BLI: BGSOFUIPIRIN-6357

dobrinyonkov avatar Nov 14 '23 19:11 dobrinyonkov