问题描述:
首先弹出一个新窗口,新窗口中放了一个TreeView控件,如何单击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"必须是客户端控件,服务器端控件,弹窗在编译时会报不存在该控件。
父页面中用来装载回填值的是客户端控件,如果要在服务器事件中使用怎么办?很简单,用如下的代码实现:
Request.Form["txtUnit"].ToString();
注意:"txtUnit"不是控件ID,而是name属性。