Apr 23, 2012, 6:21 AM
Loop Through Treepanel and get Nodes and Subnodes AFTER DRAGDROP
hi all
please can you help me !!!
when i start dragdrop from gridpanel to treepanel it's worked very well , but when i try to get values from treepanel nodes and subnodes - it's catch the original nodes only , but the dragable nodes not appear.
this is my code and i wait your help:
help me.
thank you in advance
please can you help me !!!
when i start dragdrop from gridpanel to treepanel it's worked very well , but when i try to get values from treepanel nodes and subnodes - it's catch the original nodes only , but the dragable nodes not appear.
this is my code and i wait your help:
[DirectMethod]
public void UpdateGroupsRooms()
{
Ext.Net.TreeNode tree = TreePanel1.Root.Primary as Ext.Net.TreeNode;
foreach (Node root in tree.Nodes)
{
txtAllNodes.Text += root.NodeID + "-";
Ext.Net.TreeNode subnode = root as Ext.Net.TreeNode;
foreach (Node node in subnode.Nodes)
{
txtAllNodes.Text += node.NodeID;
}
}
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Drag and Drop from GridPanel to TreePanel - Ext.NET Examples</title>
<link href="../../../../resources/css/examples.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var beforenodedrop = function (e) {
if (Ext.isArray(e.data.selections)) {
e.cancel = false;
e.dropNode = [];
var rec;
for (var i = 0; i < e.data.selections.length; i++) {
rec = e.data.selections[i];
e.dropNode.push(this.loader.createNode({
text: rec.get("GroupNo"),
leaf: true,
GroupNo: rec.get("GroupNo"),
GID: rec.get("GID")
}));
}
return true;
}
}
</script>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:TextArea runat="server" ID="txtAllNodes" DDGroup="GroupsToRooms" />
<ext:Store ID="Store1" runat="server" OnRefreshData="MyData_Refresh">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="GID" />
<ext:RecordField Name="GroupNo" Type="Float" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
<ext:Panel ID="Panel1" runat="server" Width="700" Height="400">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<Center MarginsSummary="5 0 5 5">
<ext:GridPanel ID="GridPanel1"
runat="server"
StoreID="Store1"
StripeRows="true"
Title="Groups"
EnableDragDrop="true"
DDGroup="GroupsToRooms"
AutoExpandColumn="GroupNo">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column
ColumnID="cID"
Header="Group ID"
Width="160"
Sortable="true"
DataIndex="GID" />
<ext:Column
Header="Group No"
Width="75"
Sortable="true"
DataIndex="GroupNo">
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
</SelectionModel>
<LoadMask ShowMask="true" />
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="15" StoreID="Store1" />
</BottomBar>
</ext:GridPanel>
</Center>
<East Split="true" MarginsSummary="5 5 5 0">
<ext:TreePanel ID="TreePanel1"
runat="server"
EnableDD="true"
DDGroup="GroupsToRooms"
Width="300"
Title="Rooms"
AutoScroll="true"
Collapsible="true">
<Root>
<ext:TreeNode Text="Rooms" Leaf="true" runat="server" NodeID="Rooms" Expanded="true">
<Nodes>
<ext:TreeNode Text="Room1" NodeID="R1"/>
<ext:TreeNode Text="Room2" NodeID="R2"/>
<ext:TreeNode Text="Room3" NodeID="R3"/>
<ext:TreeNode Text="Room4" NodeID="R4"/>
<ext:TreeNode Text="Room5" NodeID="R5"/>
<ext:TreeNode Text="Room6" NodeID="R6"/>
<ext:TreeNode Text="Room7" NodeID="R7"/>
<ext:TreeNode Text="Room8" NodeID="R8"/>
<ext:TreeNode Text="Room9" NodeID="R9"/>
<ext:TreeNode Text="Room10" NodeID="R10"/>
<ext:TreeNode Text="Room11" NodeID="R11"/>
<ext:TreeNode Text="Room12" NodeID="R12"/>
<ext:TreeNode Text="Room13" NodeID="R13"/>
<ext:TreeNode Text="Room14" NodeID="R14"/>
<ext:TreeNode Text="Room15" NodeID="R15"/>
<ext:TreeNode Text="Room16" NodeID="R16"/>
<ext:TreeNode Text="Room17" NodeID="R17"/>
<ext:TreeNode Text="Room18" NodeID="R18"/>
</Nodes>
</ext:TreeNode>
</Root>
<Buttons>
<ext:Button ID="btnUpdate" runat="server" Text="Save">
<Listeners>
<Click Handler="Ext.net.DirectMethods.UpdateGroupsRooms()" />
</Listeners>
</ext:Button>
</Buttons>
<Listeners>
<BeforeNodeDrop Fn="beforenodedrop" />
</Listeners>
</ext:TreePanel>
</East>
</ext:BorderLayout>
</Items>
</ext:Panel>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ASMS %>"
SelectCommand="SELECT [GID], [GroupNo] FROM [Groups]"></asp:SqlDataSource>
</form>
</body>
</html>help me.
thank you in advance
Last edited by geoffrey.mcgill; May 17, 2012 at 4:54 AM.
