Telerik: Execute JavaScript on RadAjaxPanel PostBack

If you need to execute a JavaScript script upon the return of your RadAjaxPanel for example to slowly fade or hide a notification message to a user such as in the image below.

To accomplish this all you need to do is add your script to the RadAjaxPanel through the ResponseScript property.
Here is the code for hiding the #Message div after the Ajax call has returned it uses the JQuery JavaScript library.

private void AddHideScript()
        {
            rapCities.ResponseScripts.Add("$('#Message').animate({ opacity: 'hide' }, 5000);");
        }

Published by

Tim Clark

Experienced Business Owner, Chief Information Officer, Vice President, Chief Software Architect, Application Architect, Project Manager, Software Developer, Senior Web Developer, Graphic Designer & 3D Modeler, University Instructor, University Program Chair, Academic Director. Specialties: Ruby, Ruby on Rails, JavaScript, JQuery, AJAX, Node.js, React.js, Angular.js, MySQL, PostgreSQL, MongoDB, SQL Server, Responsive Design, HTML5, XHTML, CSS3, C#, ASP.net, Project Management, System Design/Architecture, Web Design, Web Development, Adobe CS6 (Photoshop, Illustrator)

4 thoughts on “Telerik: Execute JavaScript on RadAjaxPanel PostBack

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s