JS获取TreeView的Text和Value
来源:互联网 发布:读新闻的软件 编辑:程序博客网 时间:2024/05/16 05:15
在实际项目中,遇到一个问题,首先弹出一个新窗口,新窗口中放了一个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代码如下:
<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"必须是客户端控件,因为如果是服务器端控件,弹窗在编译时会报不存在该控件。
这样,我需要的功能就实现了!另外,有人可能会说,父页面中用来装载回填值的是客户端控件,那如果要在服务器事件中使用怎么办?也很简单,C#代码如下:
Request.Form["txtUnit"].ToString();
但是要注意了,这里的"txtUnit"可不是控件ID,而是name属性了!
- JS获取TreeView的Text和Value
- C# 获取TreeView选中节点的value和Text
- TreeView 获取选中的Value和Text文本,下面只能获取文本
- 【原创】jQuery获取TreeView选中节点的Text和Value值
- 用js分别获取select的value 和 text 文本
- JS 获取select的value和text值
- 关于JS获取select的值(value和text)
- 利用js获取select的value和text值
- js 获取select标签的value 和 text
- js获取dropdownlist的text/value
- JS获取select对象的value Text
- js获取select的value或者text
- jquery 获取select的value和text
- 可编辑的下拉框,以及js获取DropDownList的Text和Value
- js获取<select>下拉菜单的value值和text值
- JS获取页面所有input type=“text”的ID和value
- 使用js获取下拉列表框<option>中的value和text的值
- js实例,获取选中select标签的value和option text值
- 汇编的进位与溢出
- Ubuntu下安装GTK的三种方法
- HTML转义字符大全
- Ruby-rcov问题修正
- SQL 常用函数总结
- JS获取TreeView的Text和Value
- SIP消息路由
- SQL中CONVERT()转化函数的用法
- 【模拟】【RQNOJ】破碎的项链
- @在C#中的用法
- (转)C++中extern “C”含义深层探索
- SQL SERVER实例
- SQL交叉表的实例(横表转纵表)
- 驱动无法安装成功的解决办法