VS2008 TreeView控件的TreeNodeCheckChanged事件自动回发到服务器端
ASP.NET 2.0使用TreeView控件时发现带有CheckBox控件的TreeNode对象（TreeView节点），选择CheckBox无法回发页面。在MSDN中对于TreeView.TreeNodeCheckChanged事件有一段备注：“当 TreeView 控件的复选框在两次向服务器发送之间更改状态时，会引发 TreeNodeCheckChanged 事件。这使您可以提供一个这样的事件处理方法，即每次发生此事件时执行一个自定义例程（如更新数据库或显示的内容）。尽管 TreeNodeCheckChanged 事件在回发时激发，但更改复选框不会导致回发。”说明框架本身并不能提供一个CheckBox回发的机制.
尽管点击CheckBox不会引起回发, 但是页面回发以后, TreeNodeCheckChanged事件的处理代码就会被调用, 也就是将如果在客户端捕获checkbox的点击事件, 然后使用javascript来手工回发(dopostback), 这样就能做到checkbox的自动回发了.
原理分析：
当Tree需要加载的节点数很多时，我们通常会想到逐层加载！好的，VS2005的TreeView控件已经可以满足我们的需求了！
处理TreeView实体的 OnTreeNodePopulate事件就可以了
部分例子
代码如下：
private void BuildSubNodes(TreeNode parentNode)
{
long OID = long.Parse(parentNode.Value);
IList<Function> list = (new FunctionBLL()).GetSubFunction(OID);
private void BuildSubNodes(TreeNode parentNode)
{
long OID = long.Parse(parentNode.Value);
IList<Function> list = (new FunctionBLL()).GetSubFunction(OID);
foreach (Function subFunction in list)
{
TreeNode subNode = new TreeNode();
subNode.Value = subFunction.OID.ToString();
subNode.Text = subFunction.Name;
subNode.PopulateOnDemand = true;
subNode.SelectAction = TreeNodeSelectAction.Expand;
{
TreeNode subNode = new TreeNode();
subNode.Value = subFunction.OID.ToString();
subNode.Text = subFunction.Name;
subNode.PopulateOnDemand = true;
subNode.SelectAction = TreeNodeSelectAction.Expand;
parentNode.ChildNodes.Add(subNode);
}
}
}
}
protected void functionTree_TreeNodePopulate(object sender, TreeNodeEventArgs e)
{
BuildSubNodes(e.Node);
}
{
BuildSubNodes(e.Node);
}
TreeView 异步逐层加载的本质是该控件实现了 ICallBackEventHandler 接口，实现该接口便可以从客户端异步调用后台方法。
实现
ICallbackEventHandler 接口的控件的示例还包括 GridView、DetailsView 。当回调事件以实现了
ICallbackEventHandler 接口时，将把事件变量作为参数传递来调用 RaiseCallbackEvent 方法以处理该事件，并且 GetCallbackResult 方法返回回调的结果。
部分说明代码如下：
前台JS
function a()
{
{
var arg = 前台某控件.value;
<%= ClientScript.GetCallbackEventReference(this, "arg", "SetServerResult", null) %>;
}
function SetServerResult(result)
<%= ClientScript.GetCallbackEventReference(this, "arg", "SetServerResult", null) %>;
}
function SetServerResult(result)
{
取得后台操作结果后的处理
}
后台 CS页面
public partial class Default: System.Web.UI.Page, ICallbackEventHandler
{
protected void Page_Load(object sender, EventArgs e)
{
.........
}
{
protected void Page_Load(object sender, EventArgs e)
{
.........
}
// 接受客户端请求
public void RaiseCallbackEvent(string eventArgument)
{
取出前台返回的参数 eventArgument;
public void RaiseCallbackEvent(string eventArgument)
{
取出前台返回的参数 eventArgument;
处理过程
}
}
// 处理完成的结果，返回客户端
public string GetCallbackResult()
{
public string GetCallbackResult()
{
处理
return 处理结果；
}
-----------------------------------------------------------
------------------------一个完整的示例---------------------
-----------------------------------------------------------
实现：当选中一个节点时，加载这个节点的子节点。
-------------------- HTML 页面（完整） -----------------------
<html xmlns=" http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript">
function TreeViewCheckBox_Click() {
var o = window.event.srcElement;
if (o.tagName == "INPUT" && o.type == "checkbox") {
__doPostBack("", "");
}
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript">
function TreeViewCheckBox_Click() {
var o = window.event.srcElement;
if (o.tagName == "INPUT" && o.type == "checkbox") {
__doPostBack("", "");
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TreeView ID="TreeView1" runat="server"
ShowCheckBoxes="All" ExpandDepth="0" ShowLines="True"
OnClick="TreeViewCheckBox_Click()"
OnTreeNodeCheckChanged="TreeNodeCheckChanged_Handler">
</asp:TreeView>
</div>
</form>
</body>
</html>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TreeView ID="TreeView1" runat="server"
ShowCheckBoxes="All" ExpandDepth="0" ShowLines="True"
OnClick="TreeViewCheckBox_Click()"
OnTreeNodeCheckChanged="TreeNodeCheckChanged_Handler">
</asp:TreeView>
</div>
</form>
</body>
</html>
--------------------- cs页面代码 --------------------
using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _TreeViewPage : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//构建TreeView
TreeNode Node00 = new TreeNode("00", "00");
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//构建TreeView
TreeNode Node00 = new TreeNode("00", "00");
TreeNode Node01 = new TreeNode("01", "01");
TreeNode Node0101 = new TreeNode("0101", "0101");
TreeNode Node0102 = new TreeNode("0102", "0102");
TreeNode Node02 = new TreeNode("02", "02");
TreeNode Node0101 = new TreeNode("0101", "0101");
TreeNode Node0102 = new TreeNode("0102", "0102");
TreeNode Node02 = new TreeNode("02", "02");
Node01.ChildNodes.Add(Node0101);
Node01.ChildNodes.Add(Node0102);
Node01.ChildNodes.Add(Node0102);
Node00.ChildNodes.Add(Node01);
Node00.ChildNodes.Add(Node02);
Node00.ChildNodes.Add(Node02);
TreeView1.Nodes.Add(Node00);
TreeView1.ShowCheckBoxes = TreeNodeTypes.All;//显示CheckBox
TreeView1.ExpandDepth = 0;
}
}
protected void TreeNodeCheckChanged_Handler(object sender, TreeNodeEventArgs e)
{
//加载选中节点的子节点
if (e.Node.Checked==true)
{
TreeNode newNode = new TreeNode("NewNode", "01010101");
newNode.Checked = true;
e.Node.ChildNodes.Add(newNode);
e.Node.Expand();
}
{
//加载选中节点的子节点
if (e.Node.Checked==true)
{
TreeNode newNode = new TreeNode("NewNode", "01010101");
newNode.Checked = true;
e.Node.ChildNodes.Add(newNode);
e.Node.Expand();
}
}
}
}