javascript获取TreeView控件选中节点的Text和Valuejavascript

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

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

if (!ispostback)

{

treeview1.attributes.add("onclick", "returnvalue()");//returnvalue为javascript函数

bindtreeview();

}

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

function returnvalue() {

var objnode = event.srcelement;

var unitid = event.srcelement.href;

if (objnode.tagname != "span") {

return;

}

window.opener.document.getelementbyid("txtunit").value = objnode.getattribute("innerhtml");

window.opener.document.getelementbyid("txtunitid").value = unitid;

window.close();

}

其实这里用了点小花招,因为我实在不知道在哪个属性里能获得绑定给treeview的valuefield的值,所以,value值我一并绑给了navigateurl,也就是写黄色部分代码的原因,html代码如下:

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

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

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

request.form["txtunit"].tostring();

但是要注意了,这里的"txtunit"可不是控件id,而是name属性了!

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/