[Solved] RadAjaxManagerProxy

[mww]

I have a RadAjaxManager on my masterpage, so Im using a RADAjaxManagerProxy on the content pages.
I have a Rotator that shows a larger version of a thumbnail when a user clicks the thumbnail.  When the thumbnail is clicked, I get a full page postback instead of a partial postback.  I cant see why, Ive setup the controls in the proxy manager, but I always get a full page postback;

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="thumbRotator">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="imagePreview" LoadingPanelID="LoadingPanel1" />

                </UpdatedControls>
            </telerik:AjaxSetting>


        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

Heres part of the markup for the rotator

<div class="GalleryRow">
            <div class="MiddleLeft">

            </div>

            <div class="preview" runat="server" id="detailsPanel">
            <div class="ImageContainer">
            <asp:Image ID="imagePreview" runat="server" ImageUrl="Images/spacer.gif" AlternateText="preview" BorderWidth="0"></asp:Image>
            </div>
            </div>
            <div class="MiddleRight">

            </div>
        </div>
        <div class="GalleryRow">
            <div class="BottomLeft">
            <img src="Images/left2.gif" id="img_left" height="117" width="50" alt="" style="cursor: pointer" />
            </div>
            <div class="BottomMiddle">
            <telerik:RadRotator ID="thumbRotator" runat="server" RotatorType="ButtonsOver" Width="450"
                        Height="118px" ItemHeight="118" ItemWidth="145" FrameDuration="1" ScrollDirection="Left,Right" OnItemClick="ShowImage">
                        <ItemTemplate>
                            <div class="itemTemplate">
                                <img src='<%# DataBinder.Eval(Container.DataItem, "Image") %>' alt='gallery image'
                                    class="RotatorImage" />
                            </div>
                        </ItemTemplate>
                        <ControlButtons LeftButtonID="img_left" RightButtonID="img_right" />
                    </telerik:RadRotator>
            </div>
            <div class="BottomRight">
            <img src="Images/right.gif" id="img_right" height="117" width="62" alt="" style="cursor: pointer" />
            </div>
        </div>

 anybody shed some light on this ?

[Svetlina Anati]

Hi Mark,

I already answered your support thread and for your convenience I pasted my reply below:

I created a sample test demo based on the provided description in order to test the described setup but I was not able to reproduce the problem - everything is working as expected and an ajax request instead of a postback is performed. I attached my test demo to the thread - please examine it and in case the problem persists, modify it in order to replicate the problem and send it back to me along with a detailed explanation of the problem and reproduction instructions.

For your convenience in the demo I have two label control - one of them is updated only when a postback occurs and the other one is updated also buy using AJAX. As you can see, when you have configured the RadAjaxManager proxy to update the second label, no postback occurs and the first label does not get updated. If you disable AJAX you will test the behavior in postback scenario - both labels are updated together.

Let me know how it goes.


All the best,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.