Ajax second postback not working in Sharepoint in UpdatePanel

By Martin Malek October 10, 2008 Sharepoint 32 Comments

We have one problem in work, we spend with that two days without any solution, all we found cause some another problem. This is what help us when the page is not making second postback in update panel when the first postback is fired by element in UpdatePanel and refresh only update panels on the page.

Taken from Mike Ammerlaan?s Blog

Windows SharePoint Services JavaScript has a ?form onSubmit wrapper? which is used to override the default form action.? This work is put in place to ensure that certain types of URLs, which may contain double byte characters, will fully work across most postback and asynchronous callback scenarios.? However, if your scenarios do not involve double byte character URLs, you may successful disable this workaround and gain the ability to use ASP.NET AJAX UpdatePanels.

To do this, you may need to register a client startup script which disables this workaround, in addition to resetting the default form action:

<script type='text/javascript'>
  _spOriginalFormAction = document.forms[0].action;
  _spSuppressFormOnSubmitWrapper=true;
</script>

This script may be directly embedded in the page, or could be emitted by a control that uses the UpdatePanel. The following is an example of a very simple method which will fix this issue:

private void EnsureUpdatePanelFixups()
{
  if (this.Page.Form != null)
  {<br />
    string formOnSubmitAtt = this.Page.Form.Attributes["onsubmit"];
    if (formOnSubmitAtt == "return _spFormOnSubmitWrapper();")
    {
      this.Page.Form.Attributes["onsubmit"] = "_spFormOnSubmitWrapper();";
    }
  }
  ScriptManager.RegisterStartupScript(this, typeof(AjaxUpdatePanelPart), "UpdatePanelFixup", "_spOriginalFormAction = document.forms[0].action; _spSuppressFormOnSubmitWrapper=true;", true);
}

Tagged on: , ,

32 thoughts on “Ajax second postback not working in Sharepoint in UpdatePanel”

  2. Deepak

    Gr8 article. It really saved my life. Updatepanel was not at all working in arabic version of sharepoint portal. I had decided to leave updatepanel and go for using the basic xmlHttpRequest and xmlHttpResponse objects to make asynchronous callback to codebehind and getting the results in javascript. While I read this article and implemented the code I jumped out of my chair by seeing it working fine.
    Thanks a zillion.
    I started crosschecking the code as to know how exactly it is working.
    I found one optimization that can be done in the code. Only registering this line _spSuppressFormOnSubmitWrapper=true; in client script does the job. Thanks again for writing this article.

    Reply ↓
  3. Fernando

    Thank you!! Its works!!
    Only a question. I have 2 servers with sharepoint. Before this solution, in one of them, ajax did work fine but in other ajax didn’t work due to this problem. What is the diference?

    Reply ↓
  13. Swati Jain

    This is great… helped me a lot. But, I am facing a problem in IE8. This works fine in IE 6,7 but, sometimes starts giving error in IE8. The error I am getting in IE8 is –
    Message: Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was: 404
    Line: 4723
    Char: 21
    Code: 0
    URI:

    Any ideas why this might be happening

    Reply ↓
  28. Jose

    Same question
    “were to put the function private void EnsureUpdatePanelFixups()
    and were to place the script
    ?”

    i have a lot of Ajax Functions , do i need call it every single time?

    Reply ↓
  31. Martin M?lek Post author

    Sorry, but I don’t work with Sharepoint anymore. You can use reflection to find where the function EnsureUpdatePanelFixups is and where you need to override that. With the javascript, you can put it at the end of the template, or if you are using HTML5, you can change the first line to:

    Reply ↓
  32. mohammad

    hi,
    where should i exactly call this method ? EnsureUpdatePanelFixups();
    in page load !IsPostBack or else where?

    what is AjaxUpdatePanelPart ? your page name?

    Reply ↓

Leave a Reply

Your email address will not be published. Required fields are marked *