Aug 12, 2009, 12:15 PM
[CLOSED] TreeNode Height
Hi,
If I set the height of a treenode the drag and drop stops working properly. If you click and drag a treenode from somewhere other than the top line the node isn't moved.
Ben
If I set the height of a treenode the drag and drop stops working properly. If you click and drag a treenode from somewhere other than the top line the node isn't moved.
<%@ Page Language="C#" %>
<!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>TreePanel Example</title>
<style type="text/css">
.x-tree-ec-icon { display: none; }
.x-tree-node-indent { display: none; }
.x-tree-root-ct, .x-tree-node-ct { margin: 5px 0 0; padding: 0 5px 0; }
.x-tree-node-ct { margin-top: 0; }
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ExtScriptManager" runat="server" />
<ext:TreePanel runat="server" Lines="false" DDScroll="true"
EnableDD="true" DDAppendOnly="false" RootVisible="true"
Width="250" Height="300" DDGroup="Example" AutoScroll="true">
<Root>
<ext:TreeNode Text="Test1" Icon="UserSuitBlack" Expanded="true" AllowDrag="false">
<Nodes>
<ext:TreeNode Text="<div style='height: 50px;'>Test2
" Leaf="true" Icon="CalendarSelectDay" />
<ext:TreeNode Text="<div style='height: 40px;'>Test3
" Leaf="true" Icon="CalendarSelectDay" />
</Nodes>
</ext:TreeNode>
</Root>
</ext:TreePanel>
<ext:TreePanel ID="TreePanel1" runat="server" Lines="false" DDScroll="true"
EnableDD="true" DDAppendOnly="false" RootVisible="true"
Width="250" Height="300" DDGroup="Example" AutoScroll="true">
<Root>
<ext:TreeNode Text="TestA" Icon="UserSuitBlack" Expanded="true" AllowDrag="false">
<Nodes>
<ext:TreeNode Text="TestB" Leaf="true" Icon="CalendarSelectDay" />
<ext:TreeNode Text="<div style='height: 80px;'>TestC
" Leaf="true" Icon="CalendarSelectDay" />
</Nodes>
</ext:TreeNode>
</Root>
</ext:TreePanel>
</form>
</body>
</html>Ben
