Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Hank Haines on May 22, 2009 14:29
open dhtmlx forum
Drag and Drop Tree Item using Internet Explorer

I have implemented your dhtmlx tree and have been impressed with it. However, after completing my code in firefox, I have moved to IE and whenever I drag an item the mouse cursor icon changes to a 'no' symbol (circle with a line through it) and will not allow me to drop the node anywhere.

I did not see anything specific for the IE browser. Is there additional setup needed on my part? I'm hoping I just missed something.

Thank you for your help,
Hank

Answer posted by dhxSupport on May 25, 2009 07:35
Which version of IE you are using?
Native d-n-d in tree must work for both text and images. If you are using custom drag-in ( d-n-d of some custom object in tree ) , the situation may be a bit more complex, which is used in your case?
Answer posted by Hank Haines on May 26, 2009 07:06
I am using IE8 (on both XP and Vista) and I am using standard dnd (no overloaded mouse functions) with text nodes.  I have observed that when I pick up the text node using a left mouse click and then simultaneously click using the right mouse click, the 'no' (circle with line through it) will disappear and I am able to drop the node anywhere within the tree.

Thank you,
Hank
Answer posted by Support on May 26, 2009 09:51
Unfortunately we still can't detect the reason of the problem locally.

Is it occurs for the default samples or only in case of your custom code?
( for example - http://dhtmlx.com/docs/products/dhtmlxTree/samples/drag_n_drop/tree_drag.html?un=1243357284000 )

By any chance, maybe init code of tree contains the next line
    tree.enableActiveImages(false);
such command will disable any activity with item's icon ( which may result in problem similar to yours ) 

The "image" - is it the default icon of item, or any custom image injected inside text part of the label. In second case , please try to add the next line to tree's initialization
         tree.parentObject.ondragstart=function(e){   (e||event).cancelBubble=true; return false; } 

In nothing above helps - please send any kind of sample where problem can be reconstructed to support@dhtmlx.com

Answer posted by Hank Haines on May 26, 2009 12:02
Adding 'tree.parentObject.ondragstart=function(e){   (e||event).cancelBubble=true; return false; }' after initialization of the tree fixed the problem that I was having.  Thank you for your help.  Also, the 'post answer' alt text has a typo in it.

Thank you,
Hank