allow user to arrange order of items in drawer

[Vedad]

Hi,

I would like to try to allow my users to change order of the items displayed in drawer component with hierarchy.

In my drawer, parents are "containers" and i would like to allow user to move items from one to another parent.

For example from global items to personal or favorite items.

Is it possible to do something without much of changes?

Thank you very much.

Vedad

[Martin Bechev]

Hello Vedad,

I am afraid that the Kendo UI for Angular Drawer component does not support reordering functionality nor hierarchical binding out of the bow.

The hierarchical structure of the Drawer is represented by a flat collection indeed where some of the items are 'nested' with CSS.

As for the item reordering, there is no straightforward approach that I could suggest to achieve the desired functionality. In theory, the HTML Drag and Drop API could be used for that purpose, but then the developer should be responsible for every collection change, like inserting or popping specific items from the Drawer items array and for each user interaction like dragStart, dragOver, drop, and etc.

As a side note, I want to mention that the suggested API is an essential part of some of our demos like drag and drop between Grids (article) and drag and drop in TreeList (article) which can be used as an example when implementing Drawer reordering.

Regards,
Martin
Progress Telerik