js获取TreeView控件选中节点的Text和Value值的方法

在实际项目中，遇到一个问题，首先d出一个新窗口，新窗口中放了一个TreeView控件，TreeView控件的数据绑定在我的上一篇随笔(TreeView绑定XML数据源C#代码示例)中有讲到，现在要解决的是，如何单击TreeView中一个节点，返回Text和Value到父页面并关闭该新窗口。

首先，在后台代码中为TreeView添加属性onclick以支持TreeView的客户端事件，代码如下：

复制代码

代码如下:

if

(!IsPostBack)

{

TreeView1AttributesAdd("onclick",

"ReturnValue()");//ReturnValue为javascript函数

BindTreeView();

}

那现在就要解决如何通过js获得TreeView中被选中的那个节点，脚本如下：

复制代码

代码如下:

function

ReturnValue()

{

var

objNode

=

eventsrcElement;

var

unitid

=

eventsrcElementhref;

if

(objNodetagName

!=

"SPAN")

{

return;

}

windowopenerdocumentgetElementById("txtUnit")value

=

objNodegetAttribute("innerHtml");

windowopenerdocumentgetElementById("txtUnitID")value

=

unitid;

windowclose();

}

其实这里用了点小花招，因为我实在不知道在哪个属性里能获得绑定给TreeView的ValueField的值，所以，Value值我一并绑给了NavigateUrl，也就是写**部分代码的原因，Html代码如下：

复制代码

代码如下:

<asp:TreeView

ID="TreeView1"

runat="server"

ExpandDepth="1">

<DataBindings>

<asp:TreeNodeBinding

TextField="NAME"

ValueField="Value"

NavigateUrlField="Value"

SelectAction="None"

/>

</DataBindings>

</asp:TreeView>

红色部分代码是用来获取TreeView上显示文字的，因为如果你去查看源文件的话，你会发现，TreeView的Text属性值被放在了SPAN中。

绿色部分代码是用来回填父页面的，但是要注意的是，"txtUnit"必须是客户端控件，因为如果是服务器端控件，d窗在编译时会报不存在该控件。

这样，我需要的功能就实现了！另外，有人可能会说，父页面中用来装载回填值的是客户端控件，那如果要在服务器事件中使用怎么办？也很简单，C#代码如下：

RequestForm["txtUnit"]ToString();

但是要注意了，这里的"txtUnit"可不是控件ID，而是name属性了！

这是因为getElementById再结合children属性获取的是DOM元素，而querySelectorAll获取的则是NodeList对象元素。前者会随页面DOM结构的变化而变化，比如删除了box中的一个div，这个div就会从children中被“真实地”删掉，childrenlength的计数也会减1。而后者如果删除其中的某个子元素，被删的元素并不会消失，而是变成一个空对象，children1length的计数也不会改变，这样的话 for(var i=0;i<children1length;) 这个循环由于i的值不变（总是等于0），而children1length也不会减少（总是4），这样就变成死循环了（同时也意味着把一个已删除的元素不断重复删除）。

改成这样就没问题了：

for(var i=0;i<children1length;i++){

  boxremoveChild(children1[i]);

}

可以这样：

<span bb="123" onclick="aa(thisbb)">125</span>

js代码：

function aa(val){

alert(val) //就会输出 123

//在这里val 就是你所点击的span的bb值

}

以上就是关于js获取TreeView控件选中节点的Text和Value值的方法全部的内容，包括:js获取TreeView控件选中节点的Text和Value值的方法、JavaScript获取子元素、javascript 获取节点自定义属性的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！