如何通过Javascript选择TreeNode? [英] How to select a TreeNode by Javascript?

问题描述

我有一个显示分层数据的TreeView，当我选择一个TreeNode时，我生成了一系列链接，这些链接映射了从选定节点到根节点的路径

I've a TreeView that displays hierarchical data, while I select a TreeNode, I generate a series of links that map the path from selected node till root node

说:根节点->子节点->选定节点

Say: Root Node --> ChildNode --> SelectedNode

我需要的是，单击这些链接中的任何一个，同时在TreeView中选择所需的节点?

What I need is, while clicking any of these links, select required node in TreeView?

我知道选择TreeNode是通过ClientSide使用以下代码完成的:

I know that selecting a TreeNode is done through ClientSide using this code:

javascript:__doPostBack(TreeView.ClientID,TreeNodeValuePath) 

和

TreeView_SelectNode(TreeView.ClientID_Data, this,TreeNode.ClientID)

例如:

    <a style="border-style: none; font-size: 1em;" id="tvMenut1" title="Created On: 1/28/2009 9:50:06 AM" onclick="TreeView_SelectNode(tvMenu_Data, this,'tvMenut1');" href="javascript:__doPostBack('tvMenu','s1\\720,63')" class="tvMenu_0 treenodeParent tvMenu_3">
Etravel2000

我的问题是获取TreeNode.ClientID?

My problem is to get TreeNode.ClientID?

有什么建议吗?仅供参考:此页面是启用AJAX的页面.

Any suggestion? FYI: this page is an AJAX-Enabled page.

推荐答案

您可以使用以下方法获取TreeNode的ClientID.您可以更改将用于获取基于该节点的参数的参数.

You can get ClientID of a TreeNode using the following method. You can change which parameter you will use to get a node based on it.

    function GetTreeNodeID(nodeTooltip)
    {
        var tree = document.getElementById(TreeView.ClientID); // Change TreeView ClientID.
        var treeLink =  tree.getElementsByTagName('A');    

        for(var element in treeLink)
            if((nodeTooltip == treeLink[element].title) && (treeLink[element].title != ""))                      
                return treeLink[element].id;
    }

然后对TreeView中的每个TreeNode使用此代码.

Then use this code for each TreeNode in TreeView.

spanPath.InnerHtml += "<a href=\"javascript:__doPostBack('tvMenu','" + targetNode.ValuePath + "')\" onclick=\"TreeView_SelectNode(tvMenu_Data, this, GetTreeNodeID('" + targetNode.ToolTip + "'));\">" + targetNode.Text + "</a>&nbsp;&nbsp;-->&nbsp;&nbsp;";

从spanPath中选择一个节点时，将在TreeView中选择该节点.

While you select a node from spanPath, it will be selected in TreeView.

这篇关于如何通过Javascript选择TreeNode?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！