RadCalendar for ASP.NET AJAX

RadControls for ASP.NET AJAX

The OnCalendarViewChanging client-side event handler is called when the calendar navigates to a new view, before the viewable area rendered by the calendar is changed.

Note

The OnCalendarViewChanging event is supported by: RadCalendar.

Two parameters are passed to the event handler:

  • sender is the calendar control.

  • eventArgs has the following properties:

    • get_step() returns the number of views by which the calendar is about to change.

    • set_cancel() lets you prevent the view from changing.

This event can be used to pre-process some conditions or visual styles and content before the final rendering of the calendar. The following example uses the OnCalendarViewChanging event to prevent the view from changing unless a date in the current month is selected:

CopyASPX
 <script type="text/javascript">
     function CheckSelections(sender, eventArgs) {
         var selDates = sender.get_selectedDates();
         var focus = sender.get_focusedDate();
         var viewHasSelection = false;
         for (var i = 0; i < selDates.length; i++) {
             if ((selDates[i][0] == focus[0]) &&
         (selDates[i][1] == focus[1]))
                 viewHasSelection = true;
         }
         eventArgs.set_cancel(!viewHasSelection);
         if (eventArgs.get_cancel()) {
             alert("You must select a value before moving " +
        (eventArgs.get_step() > 0 ? "forward " : "back ") +
        "to another month.");
         }
     }
</script>
<telerik:RadCalendar ID="RadCalendar1" runat="server" ShowOtherMonthsDays="False" >
 <ClientEvents OnCalendarViewChanging="CheckSelections" />
</telerik:RadCalendar>

See Also