This is a migrated thread and some comments may be shown as answers.

Issue in Rad ajaxmanager in update pane

1 Answer 38 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Lakshmi Thangaraj asked on 11 Feb 2011, 07:14 AM

Hai
I am using update panel in radgrid. It works fine with update panel Now i want to show loading panel to the user when he do any action in the grid. So i changed it with rad ajax manager. But its not working . The page is loaded for the long time and no action is performed. I used the following code to show loading pane. Is there any issue in code? How can i show the loading pane to user?

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
   </telerik:RadStyleSheetManager>
   <div>
   <h2>Latest Events</h2>
   <div>
   <telerik:RadAjaxLoadingPanel ID="Loadingpane" runat="server" Skin="Default">
   </telerik:RadAjaxLoadingPanel>
   <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
   <AjaxSettings>
   <telerik:AjaxSetting AjaxControlID="grdLatestEvents">
   <UpdatedControls>
   <telerik:AjaxUpdatedControl ControlID="grdLatestEvents" LoadingPanelID="RadAjaxLoadingPanel1"/>
   </UpdatedControls>
   </telerik:AjaxSetting>
   </AjaxSettings>
   </telerik:RadAjaxManager>
   <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"/>

   <asp:Panel ID="pnlLatestEvents" GroupingText="Latest events" runat="server" Width="95%">
   <table width="100%" align="center">
   <tr>
   <td>
<telerik:RadToolTipManager ID="LatestEvents" runat="server"
   AutoTooltipify="true" width="200px" ShowCallout="true" Skin="Web20" />
   <telerik:radgrid ID="grdLatestEvents" runat="server" Width="100%"
   Skin="Vista"
   AllowSorting="True" AllowPaging="True"
   GridLines="None" TabIndex="1" AlternatingItemStyle-BackColor="#ecf5ff"
   AutoGenerateColumns="False" PageSize="10"
   ondeletecommand="grdLatestEvents_DeleteCommand"
   oninsertcommand="grdLatestEvents_InsertCommand"
   onneeddatasource="grdLatestEvents_NeedDataSource"
   onupdatecommand="grdLatestEvents_UpdateCommand"
   onitemcreated="grdLatestEvents_ItemCreated" onitemdatabound="grdLatestEvents_ItemDataBound"
   >
   <MasterTableView EditMode="EditForms" EditFormSettings-EditColumn-UpdateText="Save" EditFormSettings-EditColumn-InsertText="Save"
   CommandItemDisplay="Top" NoMasterRecordsText="No Events to display" TableLayout="Fixed"
   DataKeyNames="LatestEventID" >
   <CommandItemSettings AddNewRecordText="Add Event" />
   <Columns>
   <telerik:GridEditCommandColumn UniqueName="EditCommandColumn1"
   ButtonType="ImageButton" HeaderStyle-Width="5%">
   <HeaderStyle >
   </HeaderStyle>
   </telerik:GridEditCommandColumn>
   <telerik:GridButtonColumn ConfirmText="Are you sure you want to Delete the Event?"
   ConfirmDialogType="RadWindow" ConfirmTitle="Delete"
   ButtonType="ImageButton" CommandName="Delete"
   UniqueName="DeleteColumn" HeaderStyle-Width="5%">
   </telerik:GridButtonColumn>
   <telerik:GridBoundColumn HeaderText="Title" HeaderButtonType="TextButton" HeaderStyle-Width="15%"
   UniqueName="LatestEventTitle" MaxLength="50" DataField="LatestEventTitle" >

   </telerik:GridBoundColumn>
   <telerik:GridTemplateColumn HeaderText="Description" HeaderButtonType="TextButton" HeaderStyle-Width="15%"
   UniqueName="LatestEventDescription">
   <ItemTemplate>
   <asp:Label ID="lblLatestEventDescription" runat="server"
   Text='<%#Eval("LatestEventDescription")%>' ToolTip='<%#Eval("LatestEventDescription")%>' > </asp:Label>
   </ItemTemplate>
   <EditItemTemplate>
   <telerik:RadTextBox ID="txtLatestEventDescription" MaxLength="500" TextMode="MultiLine" Width="352px"
   Height="150px" runat="server"></telerik:RadTextBox>
   </EditItemTemplate>
   </telerik:GridTemplateColumn>
   <telerik:GridDateTimeColumn HeaderText="Event date" UniqueName="LatestEventDate"
   HeaderStyle-Width="15%" DataField="LatestEventDate" >
   </telerik:GridDateTimeColumn>
   <telerik:GridCheckBoxColumn DataField="IsActive" UniqueName="IsActive" HeaderText="Active" HeaderStyle-Width="7%" ItemStyle-HorizontalAlign="Center">
   </telerik:GridCheckBoxColumn>
   </Columns>
   <PagerStyle Mode="NumericPages" Font-Bold="True" HorizontalAlign="Justify"></PagerStyle>
   </MasterTableView>
   </telerik:radgrid>
   </td>
   </tr>
   <tr>
   <td>
   <asp:Label ID="lblError" CssClass="lblError" EnableTheming="false" runat="server" ></asp:Label>
   </td>
   </tr>
   </table>
   </asp:Panel>

   </div>

</div>
</asp:Content>

Thanks

Issue in Rad ajaxmanager in update pane

1 Answer, 1 is accepted