单独控制IE WebControl里面的Treeview的几个动作的Postback

 

    在使用这个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的客户端脚本了。

 

本文地址：http://com.8s8s.com/it/it42626.htm