For some reason, the ajax loading panel is not showing when a partial postback involving my RadListView instance is going on. Here is the top part of my code:
Here is my radlistview instance:
<telerik:RadListView ID="lvExc" runat="server" ItemPlaceholderID="PlaceHolder1"
AllowMultiFieldSorting="true" AllowPaging="true" Skin="Office2007"
OnNeedDataSource="lvExc_NeedDataSource" onprerender="lvExc_PreRender">
<LayoutTemplate>
<div class="RadListView RadListView_Office2007">
<table cellspacing="0">
<thead>
<tr class="rlvHeader">
<th style="text-align: center;width:190px;">
Portfolio
</th>
<th style="text-align: center;width:100px;">
Average Actuals (SM/M)
</th>
<th style="text-align: center;width:100px;">
Average Pgm Plan (SM/M)
</th>
<th style="text-align: center;width:100px;">
Average Grp Plan (SM/M)
</th>
<th style="text-align: center;width:100px;">
Pgm Plan minus Grp Plan (SM/M)
</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="5">
<telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="15" PagedControlID="lvExc" Skin="Office2007">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev" />
<telerik:RadDataPagerButtonField FieldType="Numeric" />
<telerik:RadDataPagerButtonField FieldType="NextLast" />
<telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />
<telerik:RadDataPagerTemplatePageField>
<PagerTemplate>
<div style="float: right">
<strong>Items
<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1%>" />
to
<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize) ? Container.Owner.StartRowIndex+Container.Owner.PageSize : Container.Owner.TotalRowCount %>" />
of
<asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount%>" />
<br />
</strong>
</div>
</PagerTemplate>
</telerik:RadDataPagerTemplatePageField>
</Fields>
</telerik:RadDataPager>
</td>
</tr>
</tfoot>
<tbody>
<tr style="background-color: #9AB5DB;">
<td style="padding: 5px 7px 4px; text-align: right;">
Grand Total:
</td>
<td style="text-align: center; padding: 5px 7px 4px;">
<asp:Label ID="lblTotAvgAct" runat="server" />
</td>
<td style="text-align: center; padding: 5px 7px 4px;">
<asp:Label ID="lblTotAvgPgm" runat="server" />
</td>
<td style="text-align: center; padding: 5px 7px 4px;">
<asp:Label ID="lblTotAvgGrp" runat="server" />
</td>
<td style="text-align: center; padding: 5px 7px 4px;">
<asp:Label ID="lblTotAvgPgmGrp" runat="server" />
</td>
</tr>
<tr id="PlaceHolder1" runat="server">
</tr>
</tbody>
</table>
</div>
</LayoutTemplate>
<ItemTemplate>
<tr class="rlvI">
<td style="width:190px;text-align: left;">
<asp:HyperLink ID="HyperLink1" NavigateUrl='<%# CreateHyperlink(Eval("PORTFOLIO").ToString()) %>' runat="server" Text='<%# Eval("PORTFOLIO").ToString() %>'></asp:HyperLink>
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="AvgActualsLabel" runat="server" Text='<%# Eval("AvgActuals") %>' />
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="ProgramPlanLabel" runat="server" Text='<%# Eval("ProgramPlan") %>' />
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="GroupPlanLabel" runat="server" Text='<%# Eval("GroupPlan") %>' />
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="lblPgmGrpVariance" runat="server" Text='<%# Eval("PgmVsGrp") %>' />
</td>
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
<tr class="rlvA">
<td style="width:190px;text-align: left;">
<asp:HyperLink ID="HyperLink1" NavigateUrl='<%# CreateHyperlink(Eval("PORTFOLIO").ToString()) %>' runat="server" Text='<%# Eval("PORTFOLIO").ToString() %>'></asp:HyperLink>
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="AvgActualsLabel" runat="server" Text='<%# Eval("AvgActuals") %>' />
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="ProgramPlanLabel" runat="server" Text='<%# Eval("ProgramPlan") %>' />
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="GroupPlanLabel" runat="server" Text='<%# Eval("GroupPlan") %>' />
</td>
<td style="width:100px;text-align: center;">
<asp:Label ID="lblPgmGrpVariance" runat="server" Text='<%# Eval("PgmVsGrp") %>' />
</td>
</tr>
</AlternatingItemTemplate>
<EmptyDataTemplate>
<div id="noRecordsMsg">
<asp:Literal ID="litMsg" runat="server"></asp:Literal>
</div>
</EmptyDataTemplate>
</telerik:RadListView>
And here is my RadAjaxManager instance:
Here are the 2 buttons referenced above:
In my code behind, I use the entity framework to pull the data from a stored procedure (thru data context) and then I take the results of the query, build a list of objects and bind them to the listview.
When the btnFilterData or btnForceRefresh buttons are clicked or when I page the listview, I expect that the loading image would show over top of the listview, but that's not happening. Any ideas why?