在使用这个TreeView是经常需要将动作PostBack到服务器端来做一些数据操作,如OnExpanded或者SelectIndexChange等。TreeView控件提供了一个AutoPostBack的属性来设置这个TreeView是否需要进行PostBack的动作来让后台操作数据。但是这个属性一旦设成True的话,那么TreeView的所有动作都会PostBack回去将页面刷新,不管是Expaned还是SelectIndexChangek都PostBack回去一次,很多时候我们只是需要将其中的某种事件Postback回去而已。如果所有的事件都Postback的话,不但影响用户体验还有影响系统性能。解决这个问题的方法是自己处理每种动作的 Postback, 如果条件不成立就不 Postback ,尽量减少不必要的 Postback 。
下面就举个例子讲讲怎么自己控制 Postback 的动作。
protected Microsoft.Web.UI.WebControls.TreeView tvSchema;
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostback)
{
//修改Expand客户端事件的代码
string script = @"javascript: if (this.clickedNodeIndex != null){
this.queueEvent('onexpand', this.clickedNodeIndex);
expandedTable(this,this.clickedNodeIndex);
}
";
tvSchema.Attributes["onexpand"]=script;
}
// 注册控制脚本
RegisteTreeScript();
}
private void RegisteTreeScript()
{
string script
= @"
1<script language="javascript">
2
3function expandedTable(sender,_nodeIndex)
4
5{
6
7var node=sender.getTreeNode(_nodeIndex);
8
9//如果没有子对象时就postback;
10
11if(node.getChildren().length==0)
12
13"+ GetPostBackEventReference(tvSchema)+@";
14
15}
16
17</script>
";
this.RegisterClientScriptBlock("tvSchema",script);
}
private void tvSchema_Expand(object sender, Microsoft.Web.UI.WebControls.TreeViewClickEventArgs e)
{
// 根据选中的目标,自己生成子树
}
在上面的代码中 RegisteTreeScript() 函数里大部分都是客户端的脚本而已,但是这些客户端脚本不能够触发页面的 Postback 的,所以需要调用GetPostBackEventReference(tvSchema)来生成 Postback 的脚本,不过这个函数的不只是返回__doPostBack('tvSchema','');这个字符串这么简单。当你的页面上没有其他 Postback 动作的 WebControl 时,他就会自动生成那个 __doPostBack 的客户端脚本了。