Drag and Drop from a Grid to a Treeview

[Hvale]

Hello,

I'm new here and I'm trying to figure out how can I drag and drop from a Grid to a TreeView

I found this example http://dojo.telerik.com/eWIgu/2

It's something like this what I want to do, but in the example I can't put an element in a certain node of the TreeView, I just add elements to the data source. So how can I do that? I need your help

 

PS. I also want to do this with a listbox instead of a grid. That's possible?

  

[Neli]

Hello,

I will need a little bit more time to review the issue. I will get back to you once I have more information to share.

Thank you for your patience

Regards,
Neli
Progress Telerik

[Neli]

Hello Hvale,

Thank you for your patience.

I would suggest you when a node is dropped in the TreeView to find the closest element with the 'k-item' class. Then you could use the TreeView append method to add the node to the TreeView.

$("#treeview").kendoDropTarget({
         drop: function (e) {   
             ......           
             var treeview = $("#treeview").data("kendoTreeView");
             var node = $(e.target).closest(".k-item");             
             treeview.append({subCategoryName: dataItem.ContactName}, node) 
         }
     });

Here is the modified Dojo example. 

Regards,
Neli
Progress Telerik

[Hvale]

Thank you very much for your reply.

I have another question

I realized that I can't drag and drop the items inside the tree view. I think it's because of the .kendoDropTarget, but is there a way to fix it?

[Neli]

Hi Hvale,

You could execute the logic in the drop event handler only when the draggable instance that leaves the drop target is different than 'treeview'. Below is an example:

 drop: function (e) {             	
         if($(e.draggable.element).attr('id') != 'treeview'){
               ....
        }
}

Here is the modified Dojo example.

Regards,

Neli