2012-12-14 76 views
2

我用下面的JavaScript代码的更新打电话给我更新面板的页面加载后:如何判断JavaScript是否导致更新面板更新?

<script type="text/javascript"> 
     function pageLoad(objSender, args) { 
      Sys.WebForms.PageRequestManager.getInstance()._doPostBack('updtPnlAccessoriesPanel', 'updtPnlAccessoriesPanel'); 
     } 
</script> 

我不想更新面板(其中有一个用户控件)火后,才该页面已加载并显示。这将允许它以异步方式更新更新面板(及其用户控件)。

因此,在用户控件的page_load中,我想告诉它在初始页面加载期间忽略任何内容,并且只有在页面已经为用户加载后由javascript调用时才会执行它的工作。在这个用户控件中完成的工作需要几秒钟的时间,我不希望它减慢初始页面加载速度。

有什么想法?

谢谢! :)

回答

0

解决方案很简单 - 只需使用IsPostBack即可在加载页面后进行工作,因为当您使用JavaScript触发UpdatePanel时,您会发送一条帖子回到服务器。所以这样做:

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (IsPostBack) 
    { 
     // now do your work 
    } 
} 

为了使它更先进,你甚至可以简单地检查回发是否来自该面板。我使用该查收女巫的UpdatePanel是触发事件的函数,这样的代码,我们会像:

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (IsPostBack && 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; 
    } 
} 
+0

谢谢!我现在就试试这个...... – CodingIsSwell

+0

我仍然无法让它表现正确,Aristos。 我希望整个页面被渲染和可见,包括一些用户控件等。然后,我想要一个特定的更新面板(其中只有一个用户控件)加载并完成其所有工作之后的其他部分该页面在那里。 此外,在我的情况下,主页面做了一些工作,并将一些数据保存在会话变量中。然后,我希望延迟更新面板/用户控件使用它来做更多的工作。 – CodingIsSwell

+0

如何告诉我的用户控件在第一次加载页面时不会触发,而只是稍后通过javascript updatepanel调用异步执行其工作? – CodingIsSwell