How To: Drag and Drop tree node onto an IFRAME

[Martin]

Is it possible to drag and drop a tree onto an IFRAME? I have tried, but as soon as you drag over the IFRAME the dragged item disapears.

If it is not possible with Telerik is there some sample code that would allow me to do this from a tree control

[Simon]

Hello Martin,

It possible to implement a similar drag and drop mechanism which could be described as follows:

• Drag and Drop a Node on a designated area, let say an image;
• Call a function which resides in the iframe and pass any required values to it (there you could have another Tree View and create a duplicate node with the given values).

Please, find attached a sample implementation of this approach.

Kind regards,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Martin]

Thank you for your response. This does not really help me unfortunately as the drop zone will have to be over a IFrame or ActiveX control.

It would be nice if I could attach the standard ondragstart, ondragend, etc. events as these seem to work when going over an IFrame or an ActiveX control when I use a standard <img>.

I'll have to try and find a different workaround.

[Martin]

Hi,

I was wondering if there was any progress in finding a solution to this. In brief, I have a Telerik tree control and an activeX control. If I drag a tree node over the activeX control I do not get the client side onNodeDropping handler to fire. I know the code is fine as without the activeX control my code works. I have tried various things including this....

function onNodeDragStart(sender, args)

{

var img = args.get_node()._imageElement;

img.attachEvent("ondragend", dragended);

}

Dragging a standard <img> element over the activeX control works OK if I handle the ondragend event. Is there anyway I can somehow incorporate this into a 'hacked' solution?

Thanks,
Martin

[Atanas Korchev]

Hi Martin,

RadTreeView currently does not support dragging and dropping of nodes over ActiveX controls. Unfortunately we have not tested any workarounds as this is not a common request. If this is capability is vital for your application I suggest you open a support ticket and send us a sample project including the ActiveX control you are currently using.

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Martin]

I have managed to hack myself around the problem. I set a global variable (I know it already sounds bad!) in the OnClientNodeDragStart. I then attach to the mouse up event of the activeX control. Within the mouseUp I check the global variable has been set and then treat it as if a drag/drop operation has occurred.

However, I need to cancel the Telerik drag drop operation. Is there a way to do this. I think there is a set_cancel or something like that, but it is a little hard to know what to call this on.

Any help will be appreciated.
Thanks,
Martin

[Atanas Korchev]

Hello Martin,

You can use the nodeDropping event to cancel the drag and drop. However I am not sure if it will be called at all when using ActiveX control.

Regards,
Albert
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[mirang]

Is it possible for a radtreeview inside iframe to perform drag and drop on controls  which are outside that iframe ?

[Simon]

Hi mirang,

RadTreeView does not support this out-of-the-box. You need some custom code to do this. Here is an example.

I hope this helps.

All the best,
Simon
the Telerik team

[Mirang]

Is the sample developed using telerik controls ?

[Shilpa]

Hi Telerik Team,

 

Do we now have any possibility of dragging a node to drop zone over a Rad Pane ContentURL (Iframe).

[Shilpa]

Hi Team,

 

Please respond on this, I need it urgently.