Intersoft Community - WebDesktop - DragDrop (WebGrid to WebTreeview) using WebPaneManager

DragDrop (WebGrid to WebTreeview) using WebPaneManager

james — Fri, 28 Aug 2009 05:22:28 GMT

Okay, in this case, try to hook the drag query handler to WebDragDropExtender's OnDragQuery instead. I think it'll be fired, although I'm not sure if you can get the "node" in WDDE's event level. However, if you don't need the details in the function handler and simply want to change the Effect, I think that can be done.

DragDrop (WebGrid to WebTreeview) using WebPaneManager

Michael — Fri, 28 Aug 2009 02:45:16 GMT

I have tested DragDropEvents.aspx sample. But in my case, I drag from WebGrid and drop on WebTree. Maybe it doesn't work, because I use the WebPaneManager.

In other thread (Bind 2 WebGrids to Dataset -> second post from me), I have described my scenario. Please have a look.

DragDrop (WebGrid to WebTreeview) using WebPaneManager

james — Thu, 27 Aug 2009 22:18:48 GMT

It's not enough to change effect, because I can also add Clildnodes only!

I'm not sure if I got you on this one. WebTreeView should let you drop on just any nodes (parent and child). Let me know if you have other scenarios.

DragDrop (WebGrid to WebTreeview) using WebPaneManager

james — Thu, 27 Aug 2009 22:16:23 GMT

Hi Michael,

Have you attached the function to the OnDragQuery client side event in TreeView? Eg, <ClientSideEvents OnDragQuery="Tree_OnDragQuery" />.

The events are fired properly. You can also check a basic sample that demonstrate all drag drop events in installed live sample. Open WebTreeView (C# Samples), then look for DragDropEvents.aspx sample.

Let me know how it goes in your end.

DragDrop (WebGrid to WebTreeview) using WebPaneManager

Michael — Thu, 27 Aug 2009 11:53:42 GMT

Hi James

Thanks for your answer!

I have tested your code, but it doesn't works. The OnDragQuery Event isn't fired.

It's not enough to change effect, because I can also add Clildnodes only!

Regards

Michael

DragDrop (WebGrid to WebTreeview) using WebPaneManager

james — Thu, 27 Aug 2009 10:12:05 GMT

Hi Michael,

Thanks for posting about such interesting scenario. Intersoft's drag and drop framework has a very solid architecture which enables better customizability and greater control over the drag and drop process.

In your case, you can continue using OnDragDrop event of WebTreeView since it gives you processed data such as ItemObject. If your struggle is only about the Effect, then here's the good news. You can customize the Effect to your liking by handling OnDragQuery event of WebTreeView.

Here's a snippet code:

function Tree_OnDragQuery(id, dragContext, subObjectContext)
{
     var node = subObjectContext.ItemObject;
     // change effect to "copy"
     if (node.Text == "WebUI Studio")
          dragContext.Effect = ISDragDropEffects.Copy;
}

In addition to "Effect", I think you can also customize the effect tooltip that is shown during drag, eg, dragContext.EffectText = "Copy item to WebUI Studio";

Hope this helps,
James.

DragDrop (WebGrid to WebTreeview) using WebPaneManager

Michael — Thu, 27 Aug 2009 04:50:27 GMT

I want drag Data from WebGrid and drop on unbound WebTreeView. WebGrid and WebTreeView are located in WebPane. Please see attached picture.

Glenn told me few time ago, I have to use DragDropExtender OnDragDrop event handler (not WebTreeView onDragDrop event handler) when using WebPane.

OnDragDrop event (DragDropExtender) has an argument "dropObject". I get the WebTreeview Object with ISGetObject(dropObject.Owner.ControlID). But how can I get the WebTreeViewNode Object?

I have posted a similar request WebGrid with WebDragDropExtender - How can i find out "Drop-Row" to find out on which row OnDragDrop Event is fired.

OnDragDrop event (WebTreeView) has an argument "dropContext". Here I get WebTreeViewNode Object easy with dropContext.ItemObject. I can use this event handler, if I don't define WebTreeView as DropControl in WebDragDropExtender. It works, but the Effect is automaticly set to "Move", if the cursor over a node (else NotAllowed). This means that I can add Childnodes only!

Thanks for help!