Scheduler Rotator RadAjaxLoadingPanel

[Felipe Saldana]

I have a page that contains an instance of the scheduler.  Various links/buttons on the page will cause the scheduler to reload the given appoinments.

Each time the scheduler reloads I want to display the AjaxLoadingPanel over the scheduler control.

I have this working the for an asp:LinkButton on the page but I cannot seem to wire up a RadRotator to the scheduler/AjaxLoadingPanel


Following is code that works:

                <telerik:AjaxSetting AjaxControlID="panelShowAll">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="ShowAll" />
                        <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>

                    <table cellpadding="1" cellspacing="1">
                        <tr>
                            <td align="center">
                                <asp:Label ID="lblPropertyTitle" runat="server" Font-Bold="true"></asp:Label>
                                <asp:Panel ID="panelShowAll" runat="server">
                                    <asp:LinkButton runat="server" ID="ShowAll" OnClick="ShowAll_Click" Text="(Show All Open Houses)" />
                                </asp:Panel>
                            </td>
                        </tr>
                    </table>

But this does not work:

                <telerik:AjaxSetting AjaxControlID="propertyRotator">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>

                                <asp:Panel runat="server" ID="PropertiesPanel" HorizontalAlign="Center">
                                    <table cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="middle">
                                                <button onclick="$find('<%=propertyRotator.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Left);"
                                                    type="button" class="left">
                                                </button>
                                            </td>
                                            <td valign="middle">
                                                <telerik:RadRotator ID="propertyRotator" runat="server" Width="300px" Height="250px" ItemHeight="230px" ItemWidth="300px" RotatorType=FromCode  ScrollDuration="350"
                                                    OnItemClick="propertyRotator_ItemClick" OnItemDataBound="propertyRotator_ItemDataBound"   >
                                                    <ItemTemplate>
                                                        <asp:Panel runat="server" ID="ThumbnailPanel" CssClass='<%# "rsThumbnail ID" + Eval("propertyID") %>' HorizontalAlign="Center">
                                                            <asp:LinkButton runat="server" ID="LinkButton1" CommandName="DisplayPropertySchedule" CommandArgument='<%# Eval("propertyID") %>'
                                                                ToolTip='<%# Eval("title") %>'>
                                                                <asp:Image ID="Image2" runat="server" ImageUrl='<%# Eval("url") %>'
                                                                AlternateText='<%# Eval("title") %>'/>
                                                            </asp:LinkButton>
                                                            <asp:LinkButton runat="server" ID="btnPropertySchedule" Text='<%# Eval("title") %>' CommandName="DisplayPropertySchedule" CommandArgument='<%# Eval("propertyID") %>' />
                                                            <asp:HiddenField ID="hiddenPropertyId" runat="server" Value='<%# Eval("propertyID") %>' />
                                                        </asp:Panel>
                                                    </ItemTemplate>
                                                </telerik:RadRotator>
                                            </td>
                                            <td valign="middle">
                                                <button onclick="$find('<%=propertyRotator.ClientID%>').showNext(Telerik.Web.UI.RotatorScrollDirection.Right);"
                                                    type="button" class="right">
                                                </button>
                                            </td>
                                        </tr>
                                    </table>
                                </asp:Panel>

Anyone have any ideas?

Thanks.

[Peter]

Hello Felipe,

We tested the scenario in a local project but the problem didn't show up. Please, see the attached demo for reference. You can send us a sample yourself to see what is going on.

Kind regards,
Peter
the Telerik team

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

[Felipe Saldana]

Thank you for your response.

I tested your app and it worked correctly.

Mine still does not work correctly but what I found was that if I remove the OnItemClick event for the Rotator then the AjaxLoadingPanel works correctly.

Here is the code from the OnItemClick event when an item in the Rotator is clicked:

   if (e.Item.FindControl("hiddenPropertyId") != null)
   {
        SelectedProperty.Value = ((HiddenField)e.Item.FindControl("hiddenPropertyId")).Value;
        SetPropertyTitle();

        UInt64 propertyId = Convert.ToUInt64(SelectedProperty.Value);

        Appointments = AppointmentManager.GetAppointments(this.MemberId, propertyId);
        this.RadScheduler1.DataSource = Appointments;
        this.RadScheduler1.DataBind();
    }

Basically the Rotator has a property image...whenever the property image is clicked I load up that property's appointments.


Thanks

[Fiko]

Hello Felipe,

In the OnItemClick event handler of the RadRotator you call another function - SetPropertyTitle() and we are not sure what this function does. Your scenario however, seems a bit complex and it is really hard for us to provide adequate answers without reproducing the problem locally.
Could you please send us all files related to your project so we can reproduce the problem locally and hopefully provide a solution? Just open a new support ticket and send us the project along with a reference to this thread.



Best wishes,
Fiko
the Telerik team

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