如何使用Javascript获取树视图选定的节点值 [英] How to get Tree view selected node value using Javascript

问题描述

朋友们，

我正在使用ASP.Net 2008，我想在文本框中显示所选节点，而无需回发.
请帮帮我.

谢谢前进.


谢谢
Adersh Ram

Hi friends,

I am working with ASP.Net 2008, I wanna show the selected node in a text box, without postback.
Please help me.

Thanks Advance..


Thanks
Adersh Ram

推荐答案

好吧，我为您谷歌搜索.显然，如果您的树视图名为Adersh，则存在一个名为Adersh_Data的js对象.它具有selectedNodeID属性，该属性具有value属性.

Well, I googled for you. Apparently, if your tree view is called, for example, Adersh, then there''s a js object called Adersh_Data. This has a selectedNodeID property, which has a value property.

这很容易获得treeview的选定节点.
试试这个:
HTML:

Hi,
This is quite easy to get the selected node of treeview.
Try this:
HTML:

<asp:treeview id="TreeView1" runat="server" xmlns:asp="#unknown">
    <SelectedNodeStyle ForeColor="Black" />
</asp:treeview>
<asp:button id="Button1" runat="server" text="GetSelectedNode" onclientclick="return GetSelectedNode();" xmlns:asp="#unknown" />

CS:

CS:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        TreeView1.Nodes.Add(new TreeNode("Mango", "Fruit1"));
        TreeView1.Nodes.Add(new TreeNode("Apple", "Fruit2"));
        TreeView1.Nodes.Add(new TreeNode("Pineapple", "Fruit3"));
        TreeView1.Nodes.Add(new TreeNode("Orange", "Fruit4"));
        TreeView1.Nodes.Add(new TreeNode("Grapes", "Fruit5"));
    }
}

JavaScript:

JavaScript:

<script type="text/javascript">
function GetSelectedNode() {
    var treeViewData = window["<%=TreeView1.ClientID%>" + "_Data"];
    if (treeViewData.selectedNodeID.value != "") {
        var selectedNode = document.getElementById(treeViewData.selectedNodeID.value);
        var value = selectedNode.href.substring(selectedNode.href.indexOf(",") + 3, selectedNode.href.length - 2);
        var text = selectedNode.innerHTML;
        alert("Text: " + text + "\r\n" + "Value: " + value);
    } else {
        alert("No node selected.")
    }
    return false;
}
</script>

请参考此 [

Refer this[^] also.


--Amit

这篇关于如何使用Javascript获取树视图选定的节点值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！