[CLOSED] Disable the hover selection on a TreePanel

  1. #1

    [CLOSED] Disable the hover selection on a TreePanel

    I'm not sure what the feature is called, but I would like to disable the highlighting that happens when you hover the mouse cursor over a node in a TreePanel. I need to turn it off on the code behind because I only want it disabled in certain situations.

    Is there any way to do this?
    Last edited by Daniil; Feb 21, 2012 at 6:42 PM. Reason: [CLOSED]
  2. #2
    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>

Similar Threads

  1. Replies: 8
    Last Post: Dec 18, 2014, 6:35 AM
  2. Replies: 0
    Last Post: Jul 31, 2012, 5:07 PM
  3. [CLOSED] Disable Selection on TreePanel on form no valid
    By rbarr in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Dec 14, 2011, 9:35 AM
  4. [CLOSED] Grid Panel - Disable Selection
    By GavinR in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jun 03, 2011, 4:02 PM
  5. TreePanel Selection
    By erey in forum 1.x Help
    Replies: 0
    Last Post: Jul 02, 2009, 4:12 PM

Tags for this Thread

Posting Permissions