在UpdatePanel CallBack后插入方法

本文介绍了如何解决ASP.NET中UpdatePanel导致的jQuery效果丢失问题。提供了两种解决方案:一种是在客户端注册回调完成后的处理函数;另一种是通过继承UpdatePanel并重写OnPreRender方法来实现。
实在不想用UpdatePanel,因为局限性很大,但是想偷懒,就一直用它,最近项目上的一些东西,让我恨透了它,如果没有它,可能早就写完了..
前面说了一些废话,实在是想吐槽UpdatePanel
先说是怎么回事,页面上有用jquery写的一些效果,外面包了一层UpdatePanel,但是每次PostBack后,jquery加上的效果就都不在了,让人非常的郁闷,于是想在UpdatePanel的CallBack完成后,把PostBack前的状态恢复,找了半天,终于找到一个解决办法,记下来,免得以后又悲剧,唉.
$(function(){
    method1();
    method2();
    reload();
});

function reload(){
 Sys.WebForms.PageRequestManager.getInstance().add_endRequest(callback);
}

function callback(){
    //do something here...
}
还有一种方法就是继承UpdatePanel,重写它的OnPreRender事件,代码如下:
public class UpdatePanel:System.Web.UI.UpdatePanel
{
    /// <summary>
    /// Javascript to be run when the updatepanel has completed updating
    /// </summary>
    [Description("Javascript to be run when the updatepanel has completed updating"),
        Category("Values"),
        DefaultValue(null),
        Browsable(true)]
    public string OnUpdateCompleteClientScript
    {
        get
        {
                return(string)ViewState["OnUpdateCompleteClientScript"];
        }
        set
        {
                ViewState["OnUpdateCompleteClientScript"]= value;
        }
    }

    protected override void OnPreRender(System.EventArgs e)
    {
        base.OnPreRender(e);
        if(!string.IsNullOrEmpty(this.OnUpdateCompleteClientScript))
                Page.ClientScript.RegisterStartupScript(this.GetType(),this.ClientID,string.Concat("Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(sender, args){for(var panelId in sender._updatePanelClientIDs){if(sender._updatePanelClientIDs[panelId] == '",this.ClientID,"'){",this.OnUpdateCompleteClientScript,"}}});"),true);
    }
}
这个方法我没有测试,有没有用就不晓得了~~~,不过第一个方法是有用的~,嗯,收工,回家吃饭,20:34还在公司,我太牛了,就这样!!!

转载于:https://www.cnblogs.com/darkiller/archive/2012/10/09/2716493.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值