or
How the senario is possible with RadAjaxpanel
Bellow is a code sample
<asp:UpdatePanel ID="updatePanelSearch" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:Label ID="Label1" runat="server" Text="Search"></asp:Label> <telerik:RadTextBox ID="radtxtSearch" runat="server"> </telerik:RadTextBox> <asp:ImageButton ID="imgbtnSearch" runat="server" ImageUrl="~/Images/Search.png" OnClick="imgbtnSearch_Click" /> </ContentTemplate> </asp:UpdatePanel><asp:UpdatePanel ID="updatePanelGrid" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:PlaceHolder ID="phGrid" runat="server"></asp:PlaceHolder> </ContentTemplate> </asp:UpdatePanel>protected void imgbtnSearch_Click(object sender, ImageClickEventArgs e) { updatePanelGrid.Update(); /*Update Grid*/ .......... /**/}
<style type="text/css"> .loadingpanel { position: absolute; } .bottomright { position: absolute; bottom: 10px; right: 20px; } .bottomcenter { position: absolute; bottom: 15px; width: 200px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; text-align: center; } </style> <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="ddlCalcMethod"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="pnlCalcParameters" LoadingPanelID="RadAjaxLoadingPanel1"UpdatePanelHeight="" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManagerProxy> <table width="100%"> <tr> <td class="label right cell1">Method:</td> <td class="cell2"> <telerik:RadComboBox ID="ddlCalcMethod" runat="server" Width="175px" AutoPostBack="True" onselectedindexchanged="ddlCalcMethod_SelectedIndexChanged"> </telerik:RadComboBox> </td> </tr> <tr> <td colspan="2" style="padding: 0px;"> <asp:Panel ID="pnlCalcParameters" runat="server"></asp:Panel> </td> </tr> </table> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" InitialDelayTime="200" MinDisplayTime="500" Skin="" CssClass="loadingPanel" IsSticky="true" HorizontalAlign="Center" ClientIDMode="AutoID"> <div class="bottomcenter"> <asp:Image ID="imgAjaxLoading" runat="server" ImageUrl="~/Resources/images/ajax-loader.gif" AlternateText="Loading..." /> </div> </telerik:RadAjaxLoadingPanel> <div class="bottomright"> <asp:Button ID="btnSubmit" runat="server" Text="Submit" onclick="btnSubmit_Click" /> </div>