Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Ricardo Calvo
1810
WebDataTree and Drag&Drop in Firefox
posted

We want to drag a WebDataTree's Node to a target that is not a WebDataTree, so we disabled the DragDrop settings in the tree and we are using the Drag&Drop Framework.

The problem is that in Firefox (13.0.1) por some reason the drag is "canceled", any help?

Something else : sometimes, in IE8, I have a similar behaviour that I am not able to reproduce yet

This is the code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DnDigWDT.aspx.cs" Inherits="DnDigWDT" %>

<%@ Register Assembly="Infragistics4.Web.v12.1, Version=12.1.20121.2020, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"
Namespace="Infragistics.Web.UI.NavigationControls" TagPrefix="ig" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Infragistics4.Web.v12.1, Version=12.1.20121.2020, Culture=neutral, PublicKeyToken=7DD5C3163F2CD0CB"
Name="Infragistics.Web.UI.SharedScripts.igDragDrop.js" />
<asp:ScriptReference Assembly="Infragistics4.Web.v12.1, Version=12.1.20121.2020, Culture=neutral, PublicKeyToken=7DD5C3163F2CD0CB"
Name="Infragistics.Web.UI.Scripts.5_igObjects.js" />
<asp:ScriptReference Assembly="Infragistics4.Web.v12.1, Version=12.1.20121.2020, Culture=neutral, PublicKeyToken=7DD5C3163F2CD0CB"
Name="Infragistics.Web.UI.SharedScripts.igAnimation.js" />
</Scripts>
</asp:ScriptManager>
<div>
<ig:WebDataTree ID="WebDataTree1" runat="server" Height="300px" Width="200px" AutoPostBackFlags-NodeClick="Off" DragDropSettings-AllowDrop="false" DragDropSettings-EnableDragDrop="false">
<Nodes>
<ig:DataTreeNode Text="Node1"><Nodes><ig:DataTreeNode Text="Node1.1" Draggable="false"></ig:DataTreeNode></Nodes></ig:DataTreeNode>
</Nodes>
</ig:WebDataTree>
<div id="targetDiv" style="background-color:Yellow;width:200px;height:200px">Target</div>
</div>
<script language="javascript" type="text/javascript">
Sys.Application.add_load(inicializarDragDrop);

function inicializarDragDrop() {
var ddb = new $IG.DragDropBehavior();

ddb.addSourceElement($find("WebDataTree1").getNode(0).get_childNode(0).get_element());
ddb.addTargetElement(document.getElementById("targetDiv"));
}

</script>
</form>
</body>
</html>