在使用这个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
= @"<script language='javascript'>
function expandedTable(sender,_nodeIndex)
{
var node=sender.getTreeNode(_nodeIndex);
//如果没有子对象时就postback;
if(node.getChildren().length==0)
"+GetPostBackEventReference(tvSchema)+@";
}
</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的客户端脚本了。