Hi,
To set up initial state, pleas use TreePanel's TrackMouseOver.
http://docs.sencha.com/ext-js/3-4/#!...trackMouseOver
To change it on the fly I can suggest the following solution.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void TurnOn(object sender, DirectEventArgs e)
{
X.Js.Call("toggleTracking", new JRawValue(this.TreePanel1.ClientID), true);
}
protected void TurnOff(object sender, DirectEventArgs e)
{
X.Js.Call("toggleTracking", new JRawValue(this.TreePanel1.ClientID), false);
}
</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>
<script type="text/javascript">
var toggleTracking = function (tree, trackMouseOver) {
var em = tree.eventModel;
if (trackMouseOver && tree.trackMouseOver === false) {
tree.trackMouseOver = true;
tree.mon(tree.innerCt, {
scope : em,
mouseover : em.delegateOver,
mouseout : em.delegateOut
});
} else if (!trackMouseOver && tree.trackMouseOver !== false) {
tree.trackMouseOver = false;
tree.mun(tree.innerCt, "mouseover", em.delegateOver, em);
tree.mun(tree.innerCt, "mouseout", em.delegateOut, em);
}
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TreePanel
ID="TreePanel1"
runat="server"
AutoHeight="true"
TrackMouseOver="false">
<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>
</ext:TreePanel>
<ext:Button runat="server" Text="Turn on" OnDirectClick="TurnOn" />
<ext:Button runat="server" Text="Turn off" OnDirectClick="TurnOff" />
</form>
</body>
</html>