--> 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>
-->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