Hi,
I would suggest you to use the cascade method of TreeNode in a combination with the on method.
Please look at the example.
Example
<%@ 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>Ext.Net Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TreeGrid runat="server" Width="310">
<Columns>
<ext:TreeGridColumn Header="task" DataIndex="task" Width="200" />
<ext:TreeGridColumn Header="Assigned To" DataIndex="user" Width="100" />
</Columns>
<Root>
<ext:TreeNode Text="Tasks">
<Nodes>
<ext:TreeNode Icon="Folder">
<CustomAttributes>
<ext:ConfigItem Name="task" Value="Project: Shopping" Mode="Value" />
<ext:ConfigItem Name="user" Value="1" Mode="Value" />
</CustomAttributes>
<Nodes>
<ext:TreeNode Icon="Folder">
<CustomAttributes>
<ext:ConfigItem Name="task" Value="Housewares" Mode="Value" />
<ext:ConfigItem Name="user" Value="2" Mode="Value" />
</CustomAttributes>
<Nodes>
<ext:TreeNode Icon="Folder">
<CustomAttributes>
<ext:ConfigItem Name="task" Value="Housewares1" Mode="Value" />
<ext:ConfigItem Name="user" Value="3" Mode="Value" />
</CustomAttributes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Root>
<Listeners>
<AfterRender Handler=" var clickHandler = function() {
this.expand();
#{Window1}.body.dom.innerHTML = this.attributes['task'];
#{Window1}.show();
};
this.getRootNode().cascade(function(node) {
node.on('click', clickHandler)
});" />
</Listeners>
</ext:TreeGrid>
<ext:Window
ID="Window1"
runat="server"
Title="Details"
Hidden="true" />
</form>
</body>
</html>
See also
http://dev.sencha.com/deploy/dev/doc...member=cascade
