Rad Scheduler: Navigation Date Picker not working (help)

[rjb227s]

Hello,

I am trying to chase down an issue as to why the date picker doesn't seem to be working in my rad scheduler.

Current State:  Clicking any date in the date picker in the navigation panel posts back and displays "today" regardless of what is selected.

In an attempt to chase down the issue, I am stepping through the client and server side events for this click.

Client Side:

function OnClientNavigationCommand(sender, eventArgs)
           {
              alert('Navigation Command:');
              alert(eventArgs.get_selectedDate().toString());
           }

If today = 1/1/10 and I select 2/25/10 --> This alert shows the date of "1/1/10" rather than "2/25/10".  The alert then shows a 2nd time and shows the date of "2/25/10" as expected.  This seems like the correct behavior might still happen on the server since the most recent execution of this client method showed the right value before posting back....but it doesn't ... see below.



Server Side:

 protected void CalendarRadScheduler_NavigationCommand(object sender, SchedulerNavigationCommandEventArgs e)
        {
            //if user used the datepicker
            if (e.Command == SchedulerNavigationCommand.NavigateToSelectedDate)
            {
                CalendarRadScheduler.SelectedView = SchedulerViewType.DayView;
                CalendarRadScheduler.SelectedDate = e.SelectedDate;
            }
        }

 
I set a breakpoint in this event to see the selected date value being sent to the server using the same values stated above.  The expected value "e.SelectedDate" is "2/25/10", but it instead always shows today's value ....or in this example "1/1/10". 

The Rad Scheduler control is in a user control that is in a page by itself.

Here is the code for my ascx page (.net 2.0) [below is the server side code that binds data to the calendar]

<%@ Control Language="C#" AutoEventWireup="true" Codebehind="MyUserControl.ascx.cs"
    Inherits="UserControls.MyUserControl" %>
<meta http-equiv="X-UA-Compatible" content="IE=7"/>

<pro:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">


            function formatDate(date)
            {
                var year = padNumber(date.getFullYear(), 4);
                var month = padNumber(date.getMonth() + 1, 2);
                var day = padNumber(date.getDate(), 2);
                var hour = padNumber(date.getHours(), 2);
                var minute = padNumber(date.getMinutes(), 2);

                return year + month + day + hour + minute;
            }

            function padNumber(number, totalDigits)
            {
                numbernumber = number.toString();
                var padding = '';
                if (totalDigits > number.length)
                {
                    for (i = 0; i < (totalDigits - number.length); i++)
                    {
                        padding += '0';
                    }
                }

                return padding + number.toString();
            }

            //prevent resizing
          function OnClientAppointmentResizeStart(sender, eventArgs)
          {
             alert('no resizing');
             //eventArgs.set_cancel(true);
          }

            //prevent resizing
          function OnClientAppointmentResizeEnd(sender, eventArgs)
          {
            alert('resizing end')
          }

          //prevent editing of recurring messages
          function OnClientAppointmentEditing(sender, eventArgs)
          {
            alert('editing');
            if(eventArgs.get_editingRecurringSeries())
                  eventArgs.set_cancel(true);
          }

          function OnClientAppointmentDoubleClick(sender, eventArgs)
          {
              alert('here');
          }

          function OnClientAppointmentInserting(sender, eventArgs)
            {
                 var start = formatDate(eventArgs.get_startTime());

                 document.location.href = '<%=PageToRedirect + "?StartDate="%>' + start;
                 eventArgs.set_cancel(true);
            }

    </script>

</pro:RadCodeBlock>
<telerik:RadScriptBlock runat="server" ID="scriptContextMenu">

        <script type="text/javascript">
            var selectedAppointment = null;
            var contextMenuSlot = null;

            function checkResourceMenuItem(menu, appointment) {
                var calendar = appointment.get_resources().getResourcesByType("Calendar").getResource(0);
                if (!calendar)
                    return;

                var actionItem = menu.findItemByText("Action");
                //Traverse all menu items below "Action"
                for (var i = 0; i < actionItem.get_items().get_count(); i++) {
                    var item = actionItem.get_items().getItem(i);
                    if (item.get_value() == calendar.get_key()) {
                        //The item corresponds to the current "Calendar" - the Value of the item stores the Key of the resource
                        item.set_imageUrl("Images/checked.gif");
                    }
                    else {
                        item.set_imageUrl("");
                    }
                }
            }

            //Called when the user right-clicks an appointment
            function appointmentContextMenu(sender, eventArgs) {
                var menu = $find("<%= SchedulerAppointmentContextMenu.ClientID %>");
                selectedAppointment = eventArgs.get_appointment();
                checkResourceMenuItem(menu, selectedAppointment);
                menu.show(eventArgs.get_domEvent());
            }

            //Called when the user clicks an item from the appointment context menu
            function appointmentContextMenuItemClicking(sender, eventArgs) {
                var clickedItem = eventArgs.get_item();
                if (clickedItem.get_text() == "Action") {
                    //Prevent the menu from closing if the user clicked the "Action" menu item
                    eventArgs.set_cancel(true);
                    return;
                }
            }

            //Called when the user clicks an item from the appointment context menu
            function appointmentContextMenuItemClicked(sender, eventArgs)
            {

                if (!selectedAppointment)
                    return;

                var clickedItem = eventArgs.get_item();
                var scheduler = $find("<%= CalendarRadScheduler.ClientID %>");

                if (clickedItem.get_parent().get_text && clickedItem.get_parent().get_text() == "Action") {
                    //The user clicked the item corresponding to the "Calendar" resource to which the appointment is assigned
                    if (clickedItem.get_imageUrl())
                        return;

                    //Clear all resources
                    selectedAppointment.get_resources().clear();
                    //Find the resource corresponding to the clicked item
                    var calendar = scheduler.get_resources().getResourceByTypeAndKey("Calendar", clickedItem.get_value());
                    //Add it to the appointment resources collection
                    selectedAppointment.get_resources().add(calendar);
                    //Update the appointment
                    scheduler.updateAppointment(selectedAppointment);
                }
            }

            function OnClientRecurrenceActionDialogShowing(sender, eventArgs)
           {
               alert('in OnClientRecurrenceActionDialogShowing()');
               eventArgs.set_cancel(true);

               //Edit this instance only:
               eventArgs.set_editSeries(false);
           }

           function CalendarRadScheduler_AppointmentContextMenuItemClicked(sender, eventArgs)
           {
            alert('you click a menu button');
           }

           function OnClientNavigationCommand(sender, eventArgs)
           {
              alert('Navigation Command:');
              alert(eventArgs.get_selectedDate().toString());
           }

        </script>

    </telerik:RadScriptBlock>


<pro:RadAjaxManager ID="RadAjaxManager1" EnableAJAX="true" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
    <AjaxSettings>
        <pro:AjaxSetting AjaxControlID="CalendarRadScheduler">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="CalendarRadScheduler" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </pro:AjaxSetting>
    </AjaxSettings>
</pro:RadAjaxManager>

        <pro:RadScheduler
            ID="CalendarRadScheduler"
            runat="server"
            EnableAjaxSkinRendering="false"
            Height="750px"
            Width="578px"
            ShowAllDayRow="False"
            AllowDelete="True"
            AllowEdit="True"
            AllowInsert="True"
            Skin="Office2007"
            HoursPanelTimeFormat="h:mm tt"
            MinutesPerRow="15"
            ShowFullTime="True"
            StartEditingInAdvancedForm="false"
            DataKeyField="ID"
            DataSubjectField="Subject"
            DataStartField="Start"
            DataEndField="End"
            DataRecurrenceField="RecurrenceRule"
            DataRecurrenceParentKeyField="RecurrenceParentID"
            DayEndTime="18:30:00"
            DayStartTime="08:00:00"
            ShowFooter="false"
            OnClientAppointmentInserting="OnClientAppointmentInserting"
            OnClientAppointmentDoubleClick="OnClientAppointmentDoubleClick"
            OnClientAppointmentEditing="OnClientAppointmentEditing"
            OnClientAppointmentResizeEnd="OnClientAppointmentResizeEnd"
            OnAppointmentCreated="CalendarRadScheduler_AppointmentCreated"
            OnAppointmentDataBound="CalendarRadScheduler_AppointmentDataBound"
            CustomAttributeNames="NetworkId"
            OnAppointmentCommand="CalendarRadScheduler_AppointmentCommand"
            OnFormCreating="CalendarRadScheduler_FormCreating"
            OnAppointmentContextMenuItemClicked="CalendarRadScheduler_AppointmentContextMenuItemClicked"
            OnAppointmentUpdate="CalendarRadScheduler_AppointmentUpdate"
            OnClientRecurrenceActionDialogShowing ="OnClientRecurrenceActionDialogShowing"
            OnClientNavigationCommand="OnClientNavigationCommand"
            OnNavigationCommand="CalendarRadScheduler_NavigationCommand">

            <AppointmentContextMenus>
                <%--The appointment context menu interaction is handled on the client in this example--%>
                <%--See the JavaScript code above--%>
                <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu">
                    <Items>
                        <telerik:RadMenuItem Text="View" Value="CommandView" />
                        <telerik:RadMenuItem IsSeparator="True" />
                        <telerik:RadMenuItem Text="Copy" Value="CommandCopy" ImageUrl="/images/copy.gif"/>
                        <telerik:RadMenuItem IsSeparator="True" />
                        <telerik:RadMenuItem Text="Edit" Value="CommandEdit" ImageUrl="/images/edit.gif"/>
                        <telerik:RadMenuItem IsSeparator="True" />
                        <telerik:RadMenuItem Text="Delete" Value="CommandDelete" ImageUrl="/images/icon_trash.gif" />
                        <telerik:RadMenuItem IsSeparator="True" />
                        <telerik:RadMenuItem Text="Action" Visible="false">
                            <Items>
                                <telerik:RadMenuItem Text="Development" Value="1" />
                                <telerik:RadMenuItem Text="Marketing" Value="2" />
                                <telerik:RadMenuItem Text="Personal" Value="3" />
                                <telerik:RadMenuItem Text="Work" Value="4" />
                            </Items>
                        </telerik:RadMenuItem>

                    </Items>
                </telerik:RadSchedulerContextMenu>
            </AppointmentContextMenus>
            <AppointmentTemplate>
                <div>
                    <%# FormatCalendarMessage() %>
                </div>
            </AppointmentTemplate>

        </pro:RadScheduler>

<asp:Label ID="lbl" runat="server" Visible="false"></asp:Label>
<pro:RadAjaxLoadingPanel
    ID="RadAjaxLoadingPanel1"
    runat="server"
    Transparency="30"
    BackColor="#E0E0E0"
    InitialDelayTime="500">
        <asp:Image ID="Image2" Style="margin-top: 200px" runat="server" ImageUrl="/images/loading.gif" BorderWidth="0px" AlternateText="Loading"></asp:Image>
</pro:RadAjaxLoadingPanel>

Server Side Code that binds data to calendar:

private void GetMessagesForCalendar()

{

string strUserIdList = BuildUserList();

MessageDAO daoMessage = new MessageDAO();

DataTable dt = daoMessage.GetMessagesForCalendar(strUserIdList);

//Build list of appointments

List<Appointment> lstAppointments = new List<Appointment>();

foreach (DataRow dr in dt.Rows)

{

Appointment objApt = new Appointment();

objApt.Owner = CalendarRadScheduler;

objApt.ID = Convert.ToInt32(dr["MessageId"]);

objApt.Subject = Convert.ToString(dr["MessageText"]);

//add custom attribute to hold the social network

objApt.Attributes["NetworkId"] = Convert.ToString(dr["NetworkId"]);

//objApt.Start = DateTime.SpecifyKind(Convert.ToDateTime(dr["Start"]), DateTimeKind.Utc);

objApt.Start = Convert.ToDateTime(dr["Start"]);

objApt.End = Convert.ToDateTime(dr["End"]);

objApt.RecurrenceRule = Convert.ToString(dr["RecurrenceRule"]);

objApt.RecurrenceParentID = dr["RecurrenceParentId"];

objApt.RecurrenceState = RecurrenceState.Master;

lstAppointments.Add(objApt);

}

CalendarRadScheduler.DataSource = lstAppointments;

CalendarRadScheduler.Rebind();

}

Thanks,

Ryan

[rjb227s]

I solved this one:

Issue:  I was binding the scheduler and setting the SelectedDate in the Page_Load() method.  This should instead be in the On_Init() method.  By moving the server-side binding to this location, I am no longer resetting the SelectedDate at the incorrect step in the order of operations.