Different Progressbar for different updatepanel

Hi friend,

I am using 2 asp updatepanel and 2 asp progressbar and 2 buttons. Here when I click 1^st button at that time 1^st progressbar alone show, same as when I click 2^nd button at that time 2^nd progressbar alone show. I don't know how I can solve this one. I tried the following coding but, it will not work. Please any one explain me.

This is my Coding:

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

asp:ToolkitScriptManager>

<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click"/>

<asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="False"

AssociatedUpdatePanelID="UpdatePanel1">

<ProgressTemplate>Processing...Please WaitProgressTemplate>

asp:UpdateProgress>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<asp:Label ID="Label1" runat="server" Text="Label">asp:Label>

ContentTemplate>

<asp:AsyncPostBackTrigger ControlID="Button1" />

Triggers>

asp:UpdatePanel>

<br />

<asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" />

<br />

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<asp:Label ID="Label2" runat="server" Text="Label">asp:Label>

ContentTemplate>

<asp:AsyncPostBackTrigger ControlID="Button2" />

Triggers>

asp:UpdatePanel>

<asp:UpdateProgress ID="UpdateProgress2" runat="server" DynamicLayout="False">

<ProgressTemplate>Processing...Please WaitProgressTemplate>

asp:UpdateProgress>

Please any give the solution for this.

I can try this Coding. Its Working Good.

<title>title>

function ShowDiv()

{ setTimeout('document.getElementById("PB").style.display ="inline";', 500); }

function ShowDiv1()

{ setTimeout('document.getElementById("PB1").style.display ="inline";', 500); }

script>

head>

<body>

<div>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

asp:ToolkitScriptManager>

<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" OnClientClick="ShowDiv()" />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<div style="color: #187CD4; display: none;" id="PB">Processing...Please Waitdiv>

<asp:Label ID="Label1" runat="server" Text="Label">asp:Label>

ContentTemplate>

<asp:AsyncPostBackTrigger ControlID="Button1" />

Triggers>

asp:UpdatePanel>

<br />

<asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button"

onclientclick="ShowDiv1()" />

<br />

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<div style="background-color: Yellow; display: none;" id="PB1"> Processing...Please Waitdiv>

<asp:Label ID="Label2" runat="server" Text="Label">asp:Label>

ContentTemplate>

<asp:AsyncPostBackTrigger ControlID="Button2" />

Triggers>

asp:UpdatePanel>

div>

form>

body>

html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class Progress : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

Label1.Visible = false;

Label2.Visible = false;

}

protected void Button1_Click(object sender, EventArgs e)

{

Label1.Visible = true;

System.Threading.Thread.Sleep(3000);

Label1.Text = "hi";

}

protected void Button2_Click(object sender, EventArgs e)

{

Label2.Visible = true;

System.Threading.Thread.Sleep(3000);

Label2.Text = "hellow";

}

protected void Button3_Click(object sender, EventArgs e)

{

System.Threading.Thread.Sleep(3000);

}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

sharmila k13y ago

I can try this Coding. Its Working Good.

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>title>

    <script type="text/javascript">

        function ShowDiv()

        { setTimeout('document.getElementById("PB").style.display ="inline";', 500); }

        function ShowDiv1()

        { setTimeout('document.getElementById("PB1").style.display ="inline";', 500); }

    script>

head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

        asp:ToolkitScriptManager>



          <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" OnClientClick="ShowDiv()" />



        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>

        <div style="color: #187CD4; display: none;" id="PB">Processing...Please Waitdiv>

        <asp:Label ID="Label1" runat="server" Text="Label">asp:Label>

        ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTrigger ControlID="Button1" />

            Triggers>

        asp:UpdatePanel>



        <br />

        <br />

        <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button"

            onclientclick="ShowDiv1()" />

        <br />



        <asp:UpdatePanel ID="UpdatePanel2" runat="server">

        <ContentTemplate>

        <div style="background-color: Yellow; display: none;" id="PB1"> Processing...Please Waitdiv>

        <asp:Label ID="Label2" runat="server" Text="Label">asp:Label>

        ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTrigger ControlID="Button2" />

            Triggers>

        asp:UpdatePanel>



    div>

    form>

body>

html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class Progress : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            Label1.Visible = false;

            Label2.Visible = false;

        }

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        Label1.Visible = true;

        System.Threading.Thread.Sleep(3000);

        Label1.Text = "hi";

    }

    protected void Button2_Click(object sender, EventArgs e)

    {

        Label2.Visible = true;

        System.Threading.Thread.Sleep(3000);

        Label2.Text = "hellow";

    }

    protected void Button3_Click(object sender, EventArgs e)

    {

        System.Threading.Thread.Sleep(3000);



    }

}