Home - Forums-.NET - FlyTreeView (ASP.NET) - Some time drag drop doesn't work

FlyTreeView (ASP.NET)

Technical support and KB related to the FlyTreeView control

This forum related to following products: FlyTreeView for ASP.NET

Some time drag drop doesn't work
Link Posted: 04-Feb-2008 06:33
I am using two Treeview's on a web page and using drag drop between them. Sometime it happens drop on one side treeview view get disabled.  What actually happens when I try to drop a node from right side to left side the node isn't allowed to be dropped, so how I get around this is just by expanding the last node on the left side and then I can drop node from right on the left side at the bottom.
Link Posted: 04-Feb-2008 07:10
Do you experience the same at
http://www.9rays.net/asp.net_2/treeview/Demo_DragAndDrop.aspx

What browser are you using?

How can I reproduce the problem? Steps for the demo above, or a code snippet?
Link Posted: 06-Feb-2008 19:46
I am using Firefox (2.0.0.11)

Let me explain it a bit more.
I have two treeviews on a web page. What I used to do is to drag node between these two, when I drag a node from right treeview to left treeview it works ok. But when I expand a node, on left side, and then collapse it I am no longer able to drag any node from right side to left side. The greshish bar that used to appear when we have to drop isn't get visible on left side after this expand and collapse.
          What Javascript events are fired for Expand and Collapse of a node?


Another question.
What makes that grayish drag drop bar makes visible.
Is it possible for me to set any value or property so that it will make that grayish bar visible?
Link Posted: 06-Feb-2008 20:09
Tree View on left side
----------------------------------------
  ID="TVCodeList"
  runat="server"
  BackColor="White"
  BorderColor="Black"
  BorderWidth="1px"
  DragDropAcceptNames="treeviewnode,dragname"
  DragDropName="treeviewnode"
  EnableFullRowEvents="True"
  ExpandLevel="2"
  Height="600px"
  ImageSet="WinXP"
  OnDragOutJavascript="flyTreeView2_OnDragOut"
  OnDragOverJavascript="flyTreeView2_OnDragOver"
  OnDropJavascript="flyTreeView2_OnDrop"
  OnInsertCallbackNodesFromValue="flyTreeView2_InsertCallbackNodesFromValue"
  Padding="2px"
  RootDragDropAcceptNames="treeviewnode,dragname"
  Width="400px"
  PostBackOnDropAccept="True"
  OnInitializedJavascript="TVCodeList_onInitialized"
  OnNodeEventJavascript="onNodeEventHandler"
  OnSelectedNodeChangedJavascript="onSelectedNodeChangedHandler"
  ContextMenuID="ContextMenuFolder"
  OnNodeMoved="TVCodeList_NodeMoved"
  BorderStyle="Solid"
  ContentClickExpands="False">
            
                                
    
            
                Font-Names="Tahoma"
    Font-Size="11px"
    ForeColor="Black"
    ImageUrl="$blank"
    Padding="2px;3px;3px;1px"
    RowHeight="18px"
    BorderStyle="NotSet" />
                ForeColor="White"
    ImageUrl="$blank"
    RowBackColor="65, 86, 122"   
    BorderStyle="NotSet" />
                Font-Underline="True"
    BorderStyle="NotSet" />
          BorderStyle="NotSet" />
Link Posted: 06-Feb-2008 20:11
Tree view on right side
----------------------------------------------------
  ID="TVKeyPhrase"
  runat="server"
  BackColor="White"
  BorderColor="Black"
  BorderWidth="1px"
  DragDropAcceptNames="treeviewnode,dragname"
  DragDropName="treeviewnode"
  EnableFullRowEvents="True"
  ExpandLevel="2"
  Height="200px"
  ImageSet="WinXP"
  OnDragOutJavascript="flyTreeView2_OnDragOut"
  OnDragOverJavascript="flyTreeView2_OnDragOver"
  OnDropJavascript="flyTreeView2_OnDrop"
  OnInsertCallbackNodesFromValue="flyTreeView2_InsertCallbackNodesFromValue"
  Padding="2px"
  RootDragDropAcceptNames="treeviewnode,dragname"
  Width="800px"
  PostBackOnDropAccept="True"
  ContextMenuID="ContextMenuKeyPhrase"
  OnInitializedJavascript="TVKeyPhrase_onInitialized"
  DrawLines="False"
  BorderStyle="Double"
  ContentClickExpands="False"  >
  
  
                                    
    
  
      Font-Names="Tahoma"
    Font-Size="11px"
    ForeColor="Black"
    ImageUrl="$blank"
    Padding="2px;3px;3px;1px"
    RowHeight="18px"
    BorderStyle="NotSet" />
      ForeColor="White"
    ImageUrl="$blank"
    RowBackColor="#41567A"
    BorderStyle="NotSet" />
      Font-Underline="True"
    BorderStyle="NotSet" />
  
Link Posted: 06-Feb-2008 20:14
these values of both treeviews are same, it that create any problem?

DragDropAcceptNames="treeviewnode,dragname"
DragDropName="treeviewnode"
Link Posted: 06-Feb-2008 23:07
[quote="hellowahab"]What Javascript events are fired for Expand and Collapse of a node?
OnNodeEventJavascript . See http://www.9rays.net/asp.net_2/treeview/miscpages/doc/ClientEvents.aspx for details.

[quote="hellowahab"]
Another question.
What makes that grayish drag drop bar makes visible.
Is it possible for me to set any value or property so that it will make that grayish bar visible?

Why do you need to make it visible on a custom event?
It is made visible when D&D is started (from a custom script with flytreeview_startDrag) or when flytreeview starts D&D (mousedown on a draggable node).
Link Posted: 06-Feb-2008 23:08
[quote="hellowahab"]these values of both treeviews are same, it that create any problem?

DragDropAcceptNames="treeviewnode,dragname"
DragDropName="treeviewnode"

No, should not be a problem. FlyTreeView handles this sort of D&D
Link Posted: 06-Feb-2008 23:11
[quote="hellowahab"]Tree view on right side

Is it possible to get the test page with both treeviews and the javascript attached (I see you're using client-side events)? So that we had a good test case that reproduces your issue exactly. And that we can run and debug locally.
Link Posted: 07-Feb-2008 01:35
I have upload the video of problem.