avoid dropping inside tree view

[Marco Teodoro]

how can i make tree view undroppable.

i want ti drag from tree view and drop on a specific div, no inside tree view.

best regards

[Alex Gyoshev]

Hello Marco Teodoro,

1. attach an event handler to the nodeDragging event and deny the dragging of nodes over the treeview:
   

   function onNodeDragging(e) {
       if ($(e.dropTarget).closest('.t-treeview').length > 0)
           e.setStatusClass('t-denied');
   }

2. prevent the default action of the nodeDrop event and handle the drops onto the div elements, like this:
   

   function onNodeDrop(e) {
       e.preventDefault();
   
       var dropContainer = $(e.dropTarget).closest('.drop-container');
       var treeview = $('#TreeView').data('tTreeView');
   
       if (dropContainer.length > 0) {
           $('<div><strong>' + treeview.getItemText(e.item) + '</strong></div>')
               .hide().appendTo(dropContainer).slideDown('fast');
       }
   }

   
   

I'm attaching the modified Drag&Drop demo that illustrates the above approach.

Best wishes,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Jronny]

Will this functionality be added to the next release?

[Jon]

Should the following show the red circle with a line through it when dragging over the treeview control?

function onNodeDragging(e) {
    if ($(e.dropTarget).closest('.t-treeview').length > 0)
        e.setStatusClass('t-denied');
}

I'm using the Extensions for ASP.NET MVC Q3 2010 Live Examples (Win7, IE8 and FF3.6) with your attached drag-n-drop sample and I get the plus and insert inbetween icons when dragging over the treeview control.

It seems that the onNodeDragging function never gets called. If I insert an alert("hi"); before the if statement, I don't see the popup.

It does prevent dropping the node anywhere on the tree.

Thanks.