在UpdatePanel内使用JQuery按需加载

时间:2012-11-13 15:05:14

标签: jquery asp.net updatepanel

我的问题是关于控件UpdatePanel。

UpdatePanel :基本上我的页面上有很少的UpdatePanel,这会加载昂贵的netword数据,所以有时我不需要加载所有内容,这就是为什么我想知道如何按需加载UpdatePanel内的内容。

使用JQuery :UpdatePanels的加载应该通过JQuery函数调用来实现,所以我不知道如何使用JQuery我应该能够说“LoadUpdatePanel(”idOfUpdatePanel“)”它应该加载它的内容。

任何想法如何通过使用UpdatePanel和JQuery或我应该调查的方向来解决这个问题?

1 个答案:

答案 0 :(得分:0)

你很简单,不能用UpdatePanel做到这一点。 UpdatePanel工作自动连接所有发布数据,包括viewstate和后面的代码。

您无法运行代码以获取一个UpdatePanel,必须运行完整周期。

你能做什么

通过检查请求是否来自同一个UpdatePanel,可以避免在某些函数后面的代码上运行。

例如,假设您有4个更新面板,并且更新面板2会被回复。然后在页面加载的其余更新面板上,您可以执行类似

的操作
protected void Page_Load(object sender, EventArgs e)
{
    if (IsUpdatePanelInRendering(Page, upUpdatePanelId))
    {
        // run the code for update panel 1, me
        // ...
    }
}

其中IsUpdatePanelInRendering:

public static bool IsUpdatePanelInRendering(Page page, UpdatePanel panel)
{
    Debug.Assert(HttpContext.Current != null, "Where are you called ? HttpContext.Current is null ");
    Debug.Assert(HttpContext.Current.Request != null, "Where are you called HttpContext.Current.Request is null ");

    // if not post back, let it render
    if (false == page.IsPostBack)
    { 
        return true; 
    }
    else
    {
        try
        {
            // or else check if need to be update
            ScriptManager sm = ScriptManager.GetCurrent(page);

            if (sm != null  && sm.IsInAsyncPostBack)
            {
                Debug.Assert(HttpContext.Current.Request.Form != null, "Why forms are null ?");

                string smFormValue = HttpContext.Current.Request.Form[sm.UniqueID];

                if (!string.IsNullOrEmpty(smFormValue))
                {
                    string[] uIDs = smFormValue.Split("|".ToCharArray());
                    if (uIDs.Length == 2)
                    {
                        if (!uIDs[0].Equals(panel.UniqueID, StringComparison.InvariantCultureIgnoreCase))
                        {
                            return false;
                        }
                    }
                }
            }
        }
        catch (Exception x)
        {
            Debug.Fail("Ops, what we lost here ?");
        }

        return true;
    }
}

相对:
How to limit the number of post values on UpdatePanel?
how to prevent user controls code behind running in async postbacks?

直接ajax电话

更好的解决方案,但困难的解决方案是删除UpdatePanels,并使用ajax调用手动进行更新。

在这种情况下,您可以使用jQuery,部分发送,部分更新页面上的任何内容,以最低的数据发送和操作成本 - 但需要更多的代码和设计。