AJAX Updatepanel and UpdateProgress Control

Question

3.00/5 (2 votes)

See more:

Hi Friends,

Can anyone give me an example of AJAx updatePanel and updateProgress ...

I have a UpdatePanel in that one gridView to load the gridview it is taking some time...

so until the gridview to be loaded i want to display a waiting image or text.

Posted 4-Jun-12 19:06pm

Rockstar_

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

vangapally Naveen Kumar · Answer 1 · 2012-06-04T19:32:00

Solution 3

see this link
http://www.asp.net/ajax/documentation/live/overview/PartialUpdates.aspx[^]

Posted 4-Jun-12 19:32pm

vangapally Naveen Kumar

ManavGuru · Answer 2 · 2012-06-04T19:21:00

Solution 1

Hello friend you can refer this url..............................Ajax Updated panel and progress bar[^]

Posted 4-Jun-12 19:21pm

ManavGuru

Comments

Rockstar_ 5-Jun-12 1:30am

dear friend,
here i found in all the examples...
manually we r setting the sleep() time...
but i want the waiting image should be visible depending on the load time taken for the gridview.

Modi Mayank 5-Apr-15 7:04am

The link above is broken. Here is the simple way to use ajax with update panel and progress bar in .net.

Prosan · Answer 3 · 2012-06-04T19:30:00

here is simple example

XML

<asp:Panel ID="Panel6" runat="server" Height="50px" Style="z-index: 100; left: 10px;
            position: absolute; top: 10px" Width="125px">
            <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="1">
                <ProgressTemplate>
                    <span style="color: #ff00ff">
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/spinner.gif" Width="32px" /></span>
                </ProgressTemplate>
            </asp:UpdateProgress>
        </asp:Panel>

now add script manager and update panel

XML

<asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpPanel1" runat="server">
            <ContentTemplate>

now when page is post back update progress bar show the image.