Insert Data using Update panel and progresstemplate

Dhaval Patel
Oct 12, 2011
3.8k
0
0
Blog

Using Update panel insert data without refresh browser

 <asp:ScriptManager ID="scmanager" runat="server">
    </asp:ScriptManager>
    <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" DynamicLayout="true"
        runat="server">
<ProgressTemplate>
<div style="color: Red; position: absolute; font-size:
medium; top: 10px; top: 10%;left:80px;border:1px solid
#000000;height:100px;width:200px;background-color:#F5E5F0;">
<img src="IMAGES/indicator-new.gif" alt="" />
Please wait ...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<table width="40%">
<tr>
<th>
First Update Panel
</th>
</tr>
<tr>
<td>
<asp:UpdatePanel runat="Server" ID="UpdatePanel1" UpdateMode="Conditional">
<ContentTemplate>
<table>
<tr>
<th colspan="2">
Update Progress Bar Demo
</th>
</tr>
<tr>
<td>
Your Name
</td>
<td>
<asp:TextBox ID="txtName" runat="Server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
Your Address
</td>
<td>
<asp:TextBox ID="txtAddress" runat="Server"></asp:TextBox>
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="btnSubmit" runat="Server" OnClick="SubmitForm" Text="Submit" />
</td>
</tr>
<tr>
<td>
<asp:Label ID="lblMessage" runat="Server" SkinID="FormValueMessage"></asp:Label>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>

Button On click function SubmitForm

 protected void SubmitForm(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(2000);

        lblMessage.Text = "<hr />Name: <b>" + txtName.Text + "</b> <p>" +
            "Address: <b>" + txtAddress.Text + "</b></p>";
    }