Hello!
Try this one:
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack && !X.IsAjaxRequest)
{
BuildTree(TreePanel1.Root);
}
}
private void BuildTree(NodeCollection nodes)
{
if (nodes == null)
{
nodes = new NodeCollection();
}
Node root = new Node();
root.Text = "Root";
nodes.Add(root);
string prefix = DateTime.Now.Second + "_";
for (int i = 0; i < 10; i++)
{
Node node = new Node();
node.Text = prefix + i;
root.Children.Add(node);
node.Leaf = true;
}
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.Net Example</title>
<ext:XScript runat="server">
<script>
var buildNodeTip = function(tip) {
var e = Ext.fly(tip.triggerElement).findParent('.x-grid-data-row', null, true),
node = e ? #{TreePanel1}.store.getNodeById(e.getAttribute('data-recordid')) : null;
if (node) {
var data = Ext.String.format("<b>{0}</b><br/>{1}", node.internalId, node.data.text);
if (tip.rendered) {
tip.update(data);
} else {
tip.html = data;
}
} else {
return false;
}
}
</script>
</ext:XScript>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TabPanel runat="server">
<Items>
<ext:Panel runat="server" Title="Tab">
<Items>
<ext:TreePanel
ID="TreePanel1"
runat="server"
Icon="Anchor"
Title="Tree"
AutoScroll="true"
Width="250"
Collapsed="False"
CollapseFirst="True"
HideParent="False"
RootVisible="False"
BodyStyle="padding-left:10px">
</ext:TreePanel>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
<ext:ToolTip
ID="NodeTip"
runat="server"
Target="TreePanel1"
Delegate="div.x-grid-cell-inner"
TrackMouse="true">
<Listeners>
<BeforeShow Fn="buildNodeTip" />
</Listeners>
</ext:ToolTip>
</form>
</body>
</html>