首先,在后台代码中为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属性了!
using Systemusing System.Collections.Generic
using System.ComponentModel
using System.Data
using System.Drawing
using System.Text
using System.Windows.Forms
namespace WindowsFormsApplication1
{
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent()
}
private void button1_Click(object sender, EventArgs e)
{
this.listBox1.Items.Clear()
foreach(TreeNode x in this.treeView1.SelectedNode.Nodes)
{
this.listBox1.Items.Add(x.Text )
}
}
}
}