This is a migrated thread and some comments may be shown as answers.

How to connect draggable with sortable.

5 Answers 200 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
Vinay
Top achievements
Rank 1
Vinay asked on 12 Sep 2014, 02:40 PM
Hi ,

I need to implement a functionality where an item dragged from treeview should be  dropable in to a sortable list .

There can be many sortable lists and the source of draggable item can be list or static elements on the page.

When i checked connectWith option in sortable, it didnt work.

is there any other configuration needed?

pls help me resolve this.

Thanks,

5 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 15 Sep 2014, 03:47 PM
Hello Vinay,

If I understood correctly you would like to connect a Sortable widget with a TreeView that has drag n drop functionality enabled.
This case is not currently supported as the TreeView has its own drag n drop functionality. In case you would like to implement the scenario please consider using the Drag and Drop components instead of the Sortable widget.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Vinay
Top achievements
Rank 1
answered on 16 Sep 2014, 06:53 AM
Hi Alexander,

I think the scenario cannot be implemented with only Drag and Drop components.
Actual scenario is demonstrated in the below link which is implemented using Angular Js and Jquery.
http://jsbin.com/jirew/1/

In the above scenario the expressions on the left are dynamic. pls have a look at the datasource structure for detailed understanding.

Thanks,
Mahesh Gupta
0
Alexander Valchev
Telerik team
answered on 16 Sep 2014, 12:28 PM
Hello Vinay,

The closest possible scenario is to allow the user to add items from the TreeView to the Sortable widget and to sort them after that. This approach is used internally by the Pivot Grid:
In such case you should not use the connectWith option. Instead use the TreeView API and events to remove item from the TreeView and add it to the Sortable container.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Vinay
Top achievements
Rank 1
answered on 17 Sep 2014, 08:07 AM
Hi Alexander,

Thanks for the reply.

The work around you suggested will work but greatly effects the usability.
 Can I raise it as a feature request or can this be expected in  near future release?

Thanks,
0
Alexander Valchev
Telerik team
answered on 19 Sep 2014, 07:36 AM
Hello Vinay,

Such kind of integration will mean that the widgets should be aware of each other which is not a good practice.
I am afraid that at present the only supported scenario is the one when the user drags an item from the TreeView and appends it to the Sortable container with the first drop action. After that the user will be able to sort the item within the Sortable container.

Directly sorting the item (without first appending it to the container) is not supported out of the box and will require a lot of additional JavaScript logic that will handle the placeholder visualization. I am afraid that at present we do not have plans to offer such build-in functionality as it is not a generic case but a project specific requirement.

Regards,
Alexander Valchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Drag and Drop
Asked by
Vinay
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Vinay
Top achievements
Rank 1
Share this question
or