How to get selected TreeNode in JavaScript?

  1. #1

    How to get selected TreeNode in JavaScript?

    Rather than setting which menu items are visible with an AjaxMethod which requires a round trip to the server, I rather do it entirely client side in JavaScript. But I can't seem to get a reference to the selected node. Here is what I have so far, but the SetMenu() is not working:

    <%@ Control Language="VB" AutoEventWireup="false" CodeFile="FolderViewPanel.ascx.vb" Inherits="FolderViewPanel" %>
    <%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
    
    <script type="text/javascript">
        function SetMenu(node) {
            Ext.Msg.alert('Selected Node Id', FolderViewMenu.node.id);
        }
    </script>
    
    <ext:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
    </ext:ScriptManagerProxy>
    
     <ext:Menu ID="FolderViewMenu" runat="server">
        <Items>
            <ext:MenuItem ID="mnuPrint" runat="server" Text="Print/Plot..." Icon="Printer">
            </ext:MenuItem>
            <ext:MenuSeparator ID="mnuActivityLogSep" runat="server"></ext:MenuSeparator>
            <ext:MenuItem ID="mnuActivityLog" runat="server" Text="Activity Log..." Icon="Table">
                <Listeners>
                    <Click Handler="Coolite.AjaxMethods.ShowActivityLog('test');" />
                </Listeners>         
            </ext:MenuItem>                         
        </Items>
        <Listeners>
            <BeforeShow Fn="SetMenu" />
        </Listeners>
    </ext:Menu>
    
    <ext:FitLayout runat="server">
        <ext:TreePanel ID="TreePanel1" runat="server" Border="false" Animate="false" AutoScroll="true">
            <Listeners>
                <BeforeLoad Fn="nodeLoad" />
                <Click Handler="Coolite.AjaxMethods.SetSelectedFolder(node.id);" />              
                <ContextMenu Handler="#{FolderViewMenu}.node = node; node.select(); #{FolderViewMenu}.showAt(e.getXY());" />
            </Listeners>
        </ext:TreePanel>
    </ext:FitLayout>
  2. #2

    RE: How to get selected TreeNode in JavaScript?

    Hi,

    #{TreePanel1}.getSelectionModel().getSelectedNode()

Similar Threads

  1. [CLOSED] Set selected treenode in code behind
    By dnguyen in forum 1.x Legacy Premium Help
    Replies: 12
    Last Post: Feb 26, 2014, 10:40 AM
  2. Replies: 0
    Last Post: Dec 10, 2009, 11:14 AM
  3. [CLOSED] TreeNode's selected status
    By pumpkin in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Aug 03, 2009, 5:47 AM
  4. How to get NodeID of selected TreeNode?
    By dbassett74 in forum 1.x Help
    Replies: 9
    Last Post: May 26, 2009, 4:42 PM
  5. Get full path of selected TreeNode?
    By dbassett74 in forum 1.x Help
    Replies: 2
    Last Post: May 18, 2009, 12:40 PM

Posting Permissions