Thursday 20 February 2014

Update progress example in asp.net

--> Page not refresh every time when get new data or fill data in datacontrol

-->if you want to create update progress in your web page for page is not refresh
after some event occurred like Click, CheckedChanged,SelectedIndexChanged.........
   
--> Then do following

---> following code add in your  source(.aspx file)
------------------------------------------------------------------------------------------------
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

<asp:Button ID="btnSearch" runat="server" Text="Search"> </asp:Button>
<br>
<asp:UpdateProgress ID="updateProgress1" runat="server">
<ProgressTemplate>
 <div style="position: fixed; text-align: center; height: 100%; width: 100%; top: 0;
 right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
<asp:Image ID="imgUpdateProgress" runat="server"
 ImageUrl="~/your ProgressBar image path/ProgressBar.gif"
 AlternateText="Filling Data ..." ToolTip="Filling Data ..." Style="padding: 10px; position: fixed;
 top: 35%; left: 45%;" />
</div>
</ProgressTemplate>
                </asp:UpdateProgress>
                <asp:UpdatePanel ID="up1" runat="server">
                    <Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSearch" EventName="Click" />
// In ControlID set your control's name     You can use more than one control event here  like following
<%--<asp:AsyncPostBackTrigger ControlID="ddlData" EventName="SelectedIndexChanged" />--%>
  <%--<asp:AsyncPostBackTrigger ControlID="rb3" EventName="CheckedChanged" />--%>
                    </Triggers>
                    <ContentTemplate>
    <asp:gridview ID=gvData runat="server"></asp:Gridview>
    //    Your Data control like Gridview ,ListView .......
    //    Or Table
   
     </ContentTemplate>
                </asp:UpdatePanel>

No comments:

Post a Comment



Asp.net tutorials