ajax animation / update panel / web service call
Posted on 2009-07-08
2 part question here.
I would like to have one of those animations where background is greyed out and just little circle turning animation (or whatever it is) that seems fairly common with ajax websites.
The ajax toolkit has a sample but the animations used (fading, collapsong, changing color , etc) are not what i am looking for.
I was hoping to be able to copy and paste some code and maybe even the animated gif if that is what is used.
I'm not good with the ajax animations stuff and I'm a little short on time to learn it all.
1) Can anyone show me how to accomplish what I am looking for, or provide good link to a clear example where i can leverage working code?
But I'm not sure the toolkit sample (UpdatePanelAnimation extender) will work for me.
I have 2 update panels on my page and I wanted the whole page to be disabled when the ajax request is processing, not just the update panel that caused the postback.
Also to further complicate things, the button that send the (potentially) long running request is calling a web service from the client side so its not running all the normal page events like a normal button click on an update panel would do.
Basically i a complex page with grid & details in seperate update panels.
User fills in part of details and needs to click a button that will go execute a stored procedure, return and update a calculated field.
So once they hit this "calculate" button i wanted whole page to disable and prossesing animation shows up data is retrieved from db.
Hope i am explaining this clearly.
2) Can anyone give me a sample of how to do this or a link to a clear example where i can leverage working code?
I'm using Asp.Net 2.0 & Ajax toolkit 1.0