AjaxLoadingPanel doesn't update the repeater and shows the content of the repeater in 2 places in page

[Iza]

Hello,   
     I am using RadAjax version - v1.18.1.0. The problem that I have is that
AjaxLoadingPanel doesn't update the repeater and shows the content of the repeater in 2 places in page: one in the right place and the other one for no reason in the top of the page, and the content of the repeater is not updated in none of the places when it is clicked on scrollbar.

I have a repeater, a control scollbar associated with the repeater and a button. The scrollbar control changes the datasource of the repeater on click. On button event on_click I have the following code:

divCoursesVisible.Visible  = ! divCoursesVisible.Visible;
coursesVerticalScrollBar.Visible = !coursesVerticalScrollBar.Visible;

The aspx :

scrollbar control:

<ucSB:VerticalScrollBar id="coursesVerticalScrollBar" runat="server"></ucSB:VerticalScrollBar>

repeater:

<div id="divCoursesRpt" runat="server">
         <div id="divCoursesVisible" runat="server">
          <asp:Repeater id="rptCoursesList" Runat="server" EnableViewState="true">
           <ItemTemplate>
            <tr class='<%# ListRowCSSClass(rptCoursesList.Items.Count) %>'>
             <td colspan="2">&nbsp;</td>
             <td id="cellCoursesName" runat="server">
              <asp:Label ID="lblCourseName" Runat="server"></asp:Label>
             </td>
             <asp:Repeater Runat="server" ID="rptUserCourse" EnableViewState="False">
              <ItemTemplate>
               <td align="center">
                <ucSelector:UserCourse runat="server" id="userCourseSelector"></ucSelector:UserCourse>
               </td>
              </ItemTemplate>
             </asp:Repeater>
            </tr>
           </ItemTemplate>
           <FooterTemplate>
            <tr class='<%# ListRowCSSClass(1) %>' >
             <td class="NoRecords" id="noRecordCell" runat="server" valign="bottom">
              &nbsp;No course found!<br>
              <br>
             </td>
            </tr>
           </FooterTemplate>
          </asp:Repeater>
         </div>
        </div>

<radA:RadAjaxManager id="radAjaxManager1" runat="server">
       <AjaxSettings>
        <rada:AjaxSetting AjaxControlID="coursesVerticalScrollBar">
         <UpdatedControls>
          <rada:AjaxUpdatedControl ControlID="coursesVerticalScrollBar"></rada:AjaxUpdatedControl>
          <rada:AjaxUpdatedControl ControlID="divCoursesRpt"></rada:AjaxUpdatedControl>
         </UpdatedControls>
        </rada:AjaxSetting>
       </AjaxSettings>
      </radA:RadAjaxManager>


<radA:AjaxLoadingPanel id="loadingPanelCourseList" runat="server" BackColor="#E0E0E0" MinDisplayTime="2000"
       Transparency="10">
       <IMG id="imgLoading" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 40px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px"
        alt="Loading..." src="../../../../Resources/Images/loading.gif" runat="server">
      </radA:AjaxLoadingPanel>

Thank you.

[Iza]

I have an obs to make: the repeater is updated in the page in the area where it shouldn't and it is  not updated in the area where it should.

Thank you.

[Iana Tsolova]

Hello Iza,

I followed your scenario in order to investigate the problem but was not able to replicate the unexpected behavior. Please fidn attached a sample project and let me know how it works on your end and what differs in your case.

Let us know if we could help you further.

Kind regards,
Iana
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center