Comments on: Running specific JavaScript after partial postback

By: mark

mark — Thu, 21 Jan 2010 14:35:14 +0000

@paul Good news! Firebug should be able to point that type of stuff out pretty quickly.

By: paul

paul — Thu, 21 Jan 2010 12:24:06 +0000

Got this working in a server control now. Ajusted the JQuery selector but wasnt the issue. My issue was that in my test app (as apposed to my main app) my server control was not inside an update panel. Hence the add_endRequest function was not able to execute. Figured it out eveutually.

Thanks a lot.

By: paul

paul — Wed, 20 Jan 2010 17:34:49 +0000

Ok thanks, while waiting for a reply. I just figured out what they were. Not really used jQuery before. But now understand the basics.

Thanks a lot. Will give it a go and let you know if i get it working.

By: mark

mark — Wed, 20 Jan 2010 16:43:12 +0000

@paul That is a jQuery selector that finds all elements that have an attribute ‘id’ that ends with ‘_DoAfterPostbackJavaScriptHiddenField’. See http://docs.jquery.com/Selectors for some more details. It might need to change if the generated ID of the hidden field is different now that it’s in a server control.

jQuery selectors are tricky at first, but once you get the hang of it, they start making more sense.

By: paul

paul — Wed, 20 Jan 2010 16:36:43 +0000

This solution worked great for me in this simple example. Solved my issue thanks!

However I converted it to a ASP.NET server control so I can use it in many places and have placed inside a control library and now think that part of the script needs changing.

The line in the Page_Load event:

$(‘[id$=_DoAfterPostbackJavaScriptHiddenField]‘).each(doPostbackJS);

I’m not 100% sure what the [id$=_DoAfterPostbackJavaScriptHiddenField] does. Im guessing its extracting the correct hiddenfield by its id. But what does id$=_ mean exactly or if this is use in conjunction with jquery (which is included and working in the sample youve shown.

Help appriciated. Thanks

By: mark

mark — Thu, 02 Jul 2009 16:02:31 +0000

@Daryl I’m glad it was useful. I would consider putting that JavaScript in a function that remains client side, then only create the invocation of that function dynamically. You could even get really fancy and do a count down timer on the button, similar to installing FireFox plugins; “Saved (2)”, “Saved (1)”, “Foo Button”.

By: Daryl

Daryl — Thu, 02 Jul 2009 15:41:25 +0000

Thanks for the post. This was exactly what I needed. Because I think a rather useful application of this code would be to set a save button’s text to save, and then back to whatever it was before, I created a function to return the javascript needed and thought I’d post it here.

Thanks!

///
/// Used to change the text of a button to saved, and then back to whatever it was before a few seconds later
///
///
///
public string GetUpdateSavedButtonJavaScript(string buttonClientId)
{
return string.Format(@”
var saveButton = $(‘[id$={0}]‘);
var saveTxtValue = saveButton.attr(‘value’);
saveButton.attr(‘value’,'Saved!’)
setTimeout(function() {{ saveButton.attr(‘value’,saveTxtValue) }}, 2000);”, buttonClientId);
}