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

80酷酷网    80kuku.com

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



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: