tags:

views:

1360

answers:

9
+2  Q: 

Maintaining JavaScript Code in the <Head> after ASP.Net Postback.

As the title suggests, I am having trouble maintaining my code on postback. I have a bunch of jQuery code in the Head section and this works fine until a postback occurs after which it ceases to function!

How can I fix this? Does the head not get read on postback, and is there a way in which I can force this to happen?

JavaScript is:

        <script type="text/javascript">
        $(document).ready(function()
        {
            $('.tablesorter tbody tr').tablesorter();

        $('.tablesearch tbody tr').quicksearch({
            position: 'before',
            attached: 'table.tablesearch',
            stripeRowClass: ['odd', 'even'],
            labelText: 'Search:',
            delay: 100
        });
       }); 
        </script>

Thanks in advance :)

+4  A: 

If you just have that code hard coded into your page's head then a post back won't affect it. I would check the following by debugging (FireBug in FireFox is a good debugger):

  • Verify the script is still in the head on postback.
  • verify that the css classes are in fact attached to some element in the page.
  • verify that the jquery code is executing after the browser is done loading on post back.

EDIT: Are you using UpdatePanels for your post back? In other words is this an asynchronous postback or a normal full page refresh?

EDIT EDIT: AHhhhh... Ok. So if you're using UpdatePanels then the document's ready state is already in the ready so that portion of jquery code won't be fired again. I would extract the jquery delegate out to a separate function that you can also call after the async postback.

Justin Bozonier  2008-11-11 16:36:40
A: 

Cheers, It's what I thought as well but:

  • The script is still in the head on postback
  • The css classes are attached, it does work when the page initally loads. Just not after a postback
  • Well, the jQuery code is not working after postback..Not sure if it's attempting to or if the whole thing is skipped?

Thanks tho :)

Damien  2008-11-11 16:41:46
+1  A: 

I'm guessing that the postback pre-empts the page's onLoad event, which jQuery needs to hook into to use it's .ready().

Joel Coehoorn  2008-11-11 16:44:51
A: 

Update Panels.

Damien  2008-11-11 16:46:31
+1  A: 
  1. Does the script exist in the HTML code after the postback?
  2. If so, does the code get executed? Test by commenting out your code and temporarily add alert('test');
  3. If so, are the elements referenced by the code available on the page after postback?
Kon  2008-11-11 16:51:14
A: 

Ok, It does exist in the HTML code after postback but it does not execute the alert after postback. It does on page load.

So basically it seems to be skipping over the head code? Is there anyway I can tell it not to do that.

Damien  2008-11-11 16:56:00
You're using $(document).ready and that does not fire after an asynchronous postback. You need to tie into the UpdatePanel's events and run that code explicitly after a post back.
Justin Bozonier  2008-11-11 16:59:38
So I am doing to have to use ClientScriptManager in code-behind?
Damien  2008-11-11 17:01:54
A: 

Cheers Everyone :D Answered

Damien  2008-11-11 17:06:07
What was the answer Damien?
Justin Bozonier  2008-11-11 17:37:39
A: 

Instead of using $(document).ready you should put your code in a function called pageLoad(). The pageLoad() function is by convention wired up to be called whenever the page has a postback/asyncpostback.

 2009-09-22 22:07:11
A: 

put your code in

function pageLoad(sender, args) {

    /* code here */

}

instead of in $(document).ready(function() { ... });

pageLoad() is a function that will execute after all postbacks, synchronous and asynchronous. See this answer for more details

Russ Cam  2009-09-22 22:18:02

related questions

Is it better to create Model classes, or just stick with generic database utility class?
What are effective options for embedding video in an ASP.NET web site?
Visual Studio 2008 debugger already attached work-around
Tracking state using ASP.NET AJAX / ICallbackEventHandler
ASP.NET Display SVN Revision Number
ASP.NET URL Rewriting
How can I change the background of a masterpage from the code behind of a content page?
Easy way to AJAX WebControls
How do I define custom web.config sections with potential child elements and attributes for the properties?
ASP.NET MVC "CRUD" Database Sample
Are Multiple DataContext classes ever appropriate?
How to RedirectToAction in ASP.NET MVC without losing request data
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP.NET built in user profile, Vs old stile user class/tables
What's a good book for learning ASP?
Bandwith throttling in IIS 6 by IP Address
ASP .Net Custom Client-Side Validation
How to get the value of built, encoded ViewState?
Decent, simple, GIS/mapping component for ASP.NET?
Checklist for IIS 6/ASP.NET Windows Authentication?
How to write to Web.Config in Medium Trust ?
ASP.NET, Visual Studio and Subversion - how to integrate?
Floating Point Number parsing: Is there a Catch All algorithm?
How do I sync the SVN revision number with my ASP.NET web site?
ASP.NET Site Maps