Getting Javascript function to run on ASP.Net repeater DataBind

Question

I have an ASP.net repeater on my page which creates a load of listitems. I'm also using the JQuery UI Slider plugin to generate a slider from a div thats contained in some of the list items. So I have a javascript function called initSliders() that runs when the page has loaded which creates the sliders. This works fine.

The Repeater is inside an Ajax UpdatePanel which updates every 10 seconds. The repeater is rebound on every iteration. This is where the problem happens, on the reresh the sliders dissapear. I believe this is because the repeater is being re-generated so I think I need a way of calling the javascript initSliders() function after each time the repeater has loaded.

Any ideas how I would do that?

Claudio Redi · Accepted Answer · 2010-07-09 13:21:53Z

2

You're right. On partial postback your slider is removed and you have to recreate it on every refresh.

A way of doing this could be adding a snippet like this on Page_Load

 string script = //SCRIPT THAT CREATES THE SLIDER
 ScriptManager.RegisterStartupScript(UpdatePanel1, UpdatePanel1.GetType(), 
     "SLIDER", script, true);

EDIT

The partial update response is set to the innerHTML of a div control and because of that no inline javascript code within the update panel will work on refresh.

That's why you need to register the script using ScriptManager

A more detailed explanation here

edited Jul 9, 2010 at 13:21

answered Jul 9, 2010 at 13:08

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Getting Javascript function to run on ASP.Net repeater DataBind

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related