如何通过 Javascript 选择 TreeNode？答案

【问题标题】：How to select a TreeNode by Javascript?如何通过 Javascript 选择 TreeNode？
【发布时间】：2009-01-29 12:32:18
【问题描述】：

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

说：根节点 --> ChildNode --> SelectedNode

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

我知道选择 TreeNode 是通过 ClientSide 使用此代码完成的：

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？

有什么建议吗？仅供参考：此页面是启用 AJAX 的页面。

【问题讨论】：

标签： asp.net javascript ajax

【解决方案1】：

TreeNode.ClientID as int ASP.Net 控件 ClientID？

如果是这样，请将其放在您要传递的任何位置：

【讨论】：

【解决方案2】：

TreeNode 对象没有 TreeNode.ClinetID 属性。

【讨论】：

【解决方案3】：

您可以使用以下方法获取 TreeNode 的 ClientID。您可以更改将使用哪个参数来获取基于它的节点。

    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 使用此代码。

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 中被选中。

【讨论】：

【解决方案4】：

有助于从客户端获取节点 ID。

http://pushpontech.wordpress.com/2007/06/14/getting-treenode-values-on-the-client-side-with-javascript

【讨论】：