Date Selected Client Side Event

[Gary]

Hi

I want to handle the client side events that fires when the date is changed on that date picker control of the radScheduler.

In the OnInit event of the page I hook up the event using

RadDatePicker

dp = this.RadScheduler1.FindControl("SelectedDatePicker") as RadDatePicker;
dp.ClientEvents.OnDateSelected = "SchedulerSelectedDatePicker_OnDateSelected";

on my aspx page in the script i have the function

function SchedulerSelectedDatePicker_OnDateSelected(sender, eventArgs)
{
    var date = eventArgs.get_renderDay().get_date();
    int offset  = date.getTimezoneOffset();
}

My first problem is that for some reason the event is not firing. What could be the problem here.

Once I have sorted that and got it firing I want to pass the value of offset that I calculate in the function back to the server with the partial postback. What's my best  way of doing this? Stick the value in a hidden field or is there another way?

Cheers

Gary

[T. Tsonev]

Hi Gary,

You seem to be very close. We just need to care of some details. First, the OnPreRenderComplete event is the proper place to attach the event to the date picker:

protected override void OnPreRenderComplete(EventArgs e)
{
    base.OnPreRenderComplete(e);

    RadDatePicker dp = RadScheduler1.FindControl("SelectedDatePicker") as RadDatePicker;
    dp.ClientEvents.OnDateSelected = "SchedulerSelectedDatePicker_OnDateSelected";
}

The client-side code also needed some little touch-ups:

<script type="text/javascript">
    function SchedulerSelectedDatePicker_OnDateSelected(sender, eventArgs)
    {
        // You will need this code after the Q3 release,
        // as we will be replacing the RadDatePicker with a plain RadCalendar
        // var date = eventArgs.get_renderDay().get_date();
        var date = eventArgs.get_newValue(); // The date is still a string here
        var offset = new Date(date).getTimezoneOffset();

        // ...
    }
</script>

As for passing this to the server... I guess a hidden field will work out. You can also handle the DateSelecting event, cancel it, and use RadAjaxManager's AjaxRequest to post back to the server and perform your custom logic, as well as to change the RadScheduler's date.

Sincerely yours,
Tsvetomir Tsonev
the Telerik team

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