RadAjaxManager not updating all controls and not calling events (OnRequestStart/OnResponseEnd)

[massimo mannoni]

Hello

I am using the following code to perform Ajax on my ASP.NET Page:

<telerik:RadAjaxManager ID="ramDash" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" >            

            <ClientEvents OnResponseEnd="responseEnd" OnRequestStart="responseStart"></ClientEvents>

            <AjaxSettings>


                <telerik:AjaxSetting AjaxControlID="lvGrids">

                    <UpdatedControls>

                        <telerik:AjaxUpdatedControl ControlID="lvGrids" /> 

                        <telerik:AjaxUpdatedControl ControlID="lvListed" />

                    </UpdatedControls>

                </telerik:AjaxSetting>                           

            </AjaxSettings>

        </telerik:RadAjaxManager>

        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

(...)

<div class="carousel">

            <telerik:RadListView runat="server" ID="lvGrids" AllowPaging="true" OnItemDataBound="lvGrids_OnDataBound" DataKeyNames="GridID,Name,GridType" OnItemCommand="lvGrids_ItemCommand" OnNeedDataSource="lvGrids_NeedDataSouce">

                <LayoutTemplate>

                    <ul>

                        <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>

                    </ul>

                    </LayoutTemplate>

                    <ItemTemplate>

                    <li>

                        <!-- omitted for brevity -->


                    </li>

                    </ItemTemplate>

                    <SelectedItemTemplate>

                    <li>

                        <!-- omitted for brevity -->

                    </li>

                </SelectedItemTemplate>

            </telerik:RadListView>

          </div>

(...)

<telerik:RadListView runat="server" ID="lvListed">
<!-- omitted for brevity -->
</telerik:RadListView>

Javascript:

function responseStart(sender, eventArgs) {
    alert("test1");
}

function responseEnd(sender, eventArgs) {

    alert("test2");

    $(".carousel").jCarouselLite({
        visible: 7,
        scroll: 1,
        circular: false,
        btnNext: ".next",
        btnPrev: ".prev"
    });
}

I am using the "jCarouselLite" plugin to create a carousel effect and the "packery" JS component to create a sort of grid but they are not the problem. The problem is that the Ajax request/response is performed correctly as I can see using FireBug but the "responseStart" and "responseEnd" methods are not called and FireBug doesn't show any JS error.

I have tried putting the "ListView" (lvGrids) in an RadAjaxPanel and it works, because I can see the two alerts being: but the other ListView (lvListed) is not even updated (I can see the Ajax response and it doesn't include anything related to "lvListed". How can this be possible?

Thank you

[massimo mannoni]

UPDATE

I discovered that the RadAjaxLoadingPanel is not shown when the trigger is "lvGrids" (or any other control inside that) but is shown when the trigger is outside "lvGrids". Maybe there is a conflict between jCarouselLite and Telerik's JS?

[massimo mannoni]

UPDATE 2

I have tried removing the jCarouselLite plugin (and related scripts) but nothing seems to have changed. So there is no conflict.

[Eyup]

Hello Massimo,

I've already replied to your query in ticket with ID: 817178. I suggest that we continue our conversation in the mentioned thread.

Regards,
Eyup
Telerik