Hi,
Please investigate the example.
1. Listen the SelectionChange event of TreePanel SelectionModel.
2. Send a selected node id to a server as a DirectEvent extra parameter.
3. Retrieve a required data from a database.
4. Update the Panel.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void OnSelectionChange(object sender, DirectEventArgs e)
{
string nodeId = e.ExtraParams["nodeId"];
//retrieve the required info from a database basing on the slected node id
this.Panel1.Html = nodeId + " : " + DateTime.Now.Second;
}
</script>
<!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>Ext.NET Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TreePanel ID="TreePanel1" runat="server" AutoHeight="true">
<Root>
<ext:TreeNode Text="Root (level 0)" Expanded="true">
<Nodes>
<ext:TreeNode Text="Node1 (level 1)" Expanded="true">
<Nodes>
<ext:TreeNode Text="Node1 (level 2)" Expanded="true">
<Nodes>
<ext:TreeNode Text="Node1 (level 3)" />
<ext:TreeNode Text="Node2 (level 3)" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="Node2 (level 1)" Expanded="true">
<Nodes>
<ext:TreeNode Text="Node1 (level 2)" Expanded="true">
<Nodes>
<ext:TreeNode Text="Node1 (level 3)" />
<ext:TreeNode Text="Node2 (level 3)" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Root>
<SelectionModel>
<ext:DefaultSelectionModel runat="server">
<DirectEvents>
<SelectionChange OnEvent="OnSelectionChange">
<ExtraParams>
<ext:Parameter Name="nodeId" Value="node.id" Mode="Raw" />
</ExtraParams>
</SelectionChange>
</DirectEvents>
</ext:DefaultSelectionModel>
</SelectionModel>
</ext:TreePanel>
<ext:Panel ID="Panel1" runat="server" />
</form>
</body>
</html>
