This is a migrated thread and some comments may be shown as answers.

[Solved] Prev/Next Month not working

4 Answers 126 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

Suzanne asked on 16 Aug 2010, 09:16 PM

The Previous < and Next > month buttons do not update the calendar when they are clicked using the following .aspx code with Telerik.Web.UI version 2010.1.415.35.

<telerik:RadSplitter runat="server" ID="RadSplitter1" PanesBorderSize="0" Width="734px"

Height="782px" Skin="Office2007">

<telerik:RadPane runat="server" ID="leftPane" Width="260px" MinWidth="260" MaxWidth="300"

Scrolling="None" >

<telerik:RadCalendar runat="server" ID="RadCalendar1" Skin="Office2007" AutoPostBack="True"

EnableMultiSelect="False" DayNameFormat="Shortest"

OnSelectionChanged="RadCalendar1_SelectionChanged" CellAlign="Center"

CellVAlign="Middle" FirstDayOfWeek="Default"

MonthLayout="Layout_7columns_x_6rows" Orientation="RenderInRows"

PresentationType="Interactive" SelectedDate="" TitleAlign="Center"

ShowRowHeaders="False">

</telerik:RadCalendar>

<br />

<telerik:RadPanelBar

runat="server" ID="RadPanelBar1"

Height="380px"

ExpandMode="FullExpandedItem"

OnItemClick="RadPanelBar1_ItemClick"

Skin="Office2007">

<Items>

<telerik:RadPanelItem Text="Appointments" Expanded="True">

<Items>

<telerik:RadPanelItem Text="Appointment Master" />

<telerik:RadPanelItem Text="Criminal History Schedule (Troop)" />

<telerik:RadPanelItem Text="New Appointments" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Services" >

<Items>

<telerik:RadPanelItem Text="Headquarters Service" />

<telerik:RadPanelItem Text="Service Worklist" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Reports">

<Items>

<telerik:RadPanelItem Text="CHCM Report Module" />

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

<p style="padding: 5px 10px"><asp:Literal Runat="server" ID="Label1"></asp:Literal></p>

</telerik:RadPane>

4 Answers, 1 is accepted

answered on 19 Aug 2010, 10:25 PM

Sorry - I have a second splitter and a right pane after the markup sample given. I found If I remove the right pane, the prev/next month functionality works. Here is the additional markup.

<telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" />

<telerik:RadPane runat="Server" ID="rightPane" Scrolling="None">

<asp:UpdatePanel UpdateMode="Conditional" ID="upnlSchedule" runat="server">

<ContentTemplate>

<h2 class="hl2">

<asp:Label ID="lblSelection" runat="server" Text="loaded..." Visible="false"></asp:Label>

</h2>

<telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Office2007"

SelectedDate="2010-03-30"

DataKeyField="ID" ShowAllDayRow="false" WeekView-ColumnHeaderDateFormat="ddd, d"

DataSubjectField="Subject" DataStartField="StartTime" DataEndField="EndTime"

OverflowBehavior="Expand" SelectedView="WeekView" FirstDayOfWeek="Monday" LastDayOfWeek="Friday"

EnableCustomAttributeEditing="True"

Visible="False" AllowDelete="False"

onappointmentinsert="RadScheduler1_AppointmentInsert"

StartInsertingInAdvancedForm="True"

onappointmentcommand="RadScheduler1_AppointmentCommand"

onappointmentdatabound="RadScheduler1_AppointmentDataBound"

onappointmentupdate="RadScheduler1_AppointmentUpdate"

onformcreated="RadScheduler1_FormCreated" DayEndTime="17:00:00"

ShowFooter="False"

WorkDayStartTime="09:00:00" WeekView-WorkDayStartTime="09:00:00"

WeekView-WorkDayEndTime="17:00:00" DayStartTime="09:00:00"

MinutesPerRow="15" TimeLabelRowSpan="4"

CustomAttributeNames="LastName,FirstName,Phone,AppointmentId" >

<WeekView WorkDayEndTime="17:00:00" WorkDayStartTime="09:00:00" />

<AdvancedForm Modal="true" />

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

</telerik:RadScheduler>

</ContentTemplate>

<Triggers>

<asp:AsyncPostBackTrigger ControlID="RadCalendar1" EventName="SelectionChanged" />

</Triggers>

</asp:UpdatePanel>

</telerik:RadPane>

</telerik:RadSplitter>

answered on 20 Aug 2010, 06:49 AM

Hello Suzanne,

The problem is that you are not ajaxifying the control correctly. You can observe the same behavior if you use the regular asp Calendar. One option to make it work is to put the update panel around all of the controls:

<asp:UpdatePanel UpdateMode="Conditional" ID="upnlSchedule" runat="server">

<ContentTemplate>

<telerik:RadSplitter runat="server" ID="RadSplitter1" PanesBorderSize="0" Width="734px"

Height="782px" Skin="Office2007">

<telerik:RadPane runat="server" ID="leftPane" Width="260px" MinWidth="260" MaxWidth="300"

Scrolling="None">

<telerik:RadCalendar runat="server" ID="RadCalendar1" Skin="Office2007" AutoPostBack="True"

EnableMultiSelect="False" DayNameFormat="Shortest"

CellAlign="Center"

CellVAlign="Middle" FirstDayOfWeek="Default"

MonthLayout="Layout_7columns_x_6rows" Orientation="RenderInRows"

PresentationType="Interactive" SelectedDate="" TitleAlign="Center"

ShowRowHeaders="False">

</telerik:RadCalendar>

<br />

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Height="380px" ExpandMode="FullExpandedItem"

Skin="Office2007">

<Items>

<telerik:RadPanelItem Text="Appointments" Expanded="True">

<Items>

<telerik:RadPanelItem Text="Appointment Master" />

<telerik:RadPanelItem Text="Criminal History Schedule (Troop)" />

<telerik:RadPanelItem Text="New Appointments" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Services">

<Items>

<telerik:RadPanelItem Text="Headquarters Service" />

<telerik:RadPanelItem Text="Service Worklist" />

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Reports">

<Items>

<telerik:RadPanelItem Text="CHCM Report Module" />

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

<p style="padding: 5px 10px">

<asp:Literal runat="server" ID="Label1"></asp:Literal></p>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" />

<telerik:RadPane runat="Server" ID="rightPane" Scrolling="None">

<h2 class="hl2">

<asp:Label ID="lblSelection" runat="server" Text="loaded..." Visible="false"></asp:Label>

</h2>

<telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Office2007" SelectedDate="2010-03-30"

DataKeyField="ID" ShowAllDayRow="false" WeekView-ColumnHeaderDateFormat="ddd, d"

DataSubjectField="Subject" DataStartField="StartTime" DataEndField="EndTime"

OverflowBehavior="Expand" SelectedView="WeekView" FirstDayOfWeek="Monday" LastDayOfWeek="Friday"

EnableCustomAttributeEditing="True" Visible="False" AllowDelete="False" StartInsertingInAdvancedForm="True"

DayEndTime="17:00:00" ShowFooter="False" WorkDayStartTime="09:00:00" WeekView-WorkDayStartTime="09:00:00"

WeekView-WorkDayEndTime="17:00:00" DayStartTime="09:00:00" MinutesPerRow="15"

TimeLabelRowSpan="4" CustomAttributeNames="LastName,FirstName,Phone,AppointmentId">

<WeekView WorkDayEndTime="17:00:00" WorkDayStartTime="09:00:00" />

<AdvancedForm Modal="true" />

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

</telerik:RadScheduler>

</telerik:RadPane>

</telerik:RadSplitter>

</ContentTemplate>

<Triggers>

<asp:AsyncPostBackTrigger ControlID="RadCalendar1" EventName="SelectionChanged" />

</Triggers>

</asp:UpdatePanel>

Greetings,
Pavel
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items