Ajax Update Panel

Pradeep Yadav

9y2.1k.NET

Hi ,

I have created user ontrols (.ascx), now calling those user controls on Ajax Tab control.

Now , I have added some validation using jquery. Now it here everything works fine. When I add Ajax Update panel for avoiding page flikker, Javascript on usercontrol , does not gets executed. .Please find below code for the same

<%--

--%>

<%--

--%>

<%----%>

This is Tab2

Please help.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Saravanan V9y ago
Accepted answer
I have also faced this kind of script issue on use of update panel in web forms project.

The attached script doesn't fire after the page postback.

The workaround is to rebind the script for the asp.net control.
In the below example, script for "blur" event is written for a textbox mapping with a custom validation function and the same is rebinded to reflect after the post-back.
$(document).ready(function () {

    $("#txtUserName").blur(function () {
          var userName = $("#txtUserName").val();
          if (userName != "")
              ValidateUserAccount(userName);
        });

});
// rebinding...

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

function EndRequestHandler(sender, args) {
    if (args.get_error() == undefined) {
           $("#txtUserName").blur(function () {
                  var userName = $("#txtUserName").val();
                  if (userName != "")
                         ValidateUserAccount(userName);
             });
    }
}

The above jquery script is available in a custom .js file and referenced in the .aspx page.
Similary way, you can try for user control related scripts.
Please mark my answer as accepted if it fulfils your question.
Sundaram Subramanian9y ago
When update panel is used, the JS will not fired. Call JS from Server Side or Use Post Trigger for the Particular Control.

Example