Hi guys,
Here is one possible solution to this requirement:
<telerik:RadCodeBlock ID=
"RadCodeBlock1"
runat=
"server"
>
<script type=
"text/javascript"
>
function
pageLoad() {
var
scheduler = $find(
'<%=RadScheduler1.ClientID %>'
);
var
calendar = $find(scheduler.get_id() +
"_SelectedDateCalendar"
);
var
fastNavigation = calendar._getFastNavigation();
$telerik.$(
".rsDatePickerActivator"
).get(0).href =
"javascript:void(0);"
;
$addHandler($telerik.$(
".rsDatePickerActivator"
).get(0),
"click"
,
function
() {
$telerik.$(calendar.get_element()).hide();
//adjust where to show the popup table
var
x, y;
var
adjustElement = $telerik.$(
".rsDatePickerActivator"
);
var
offset = adjustElement.offset();
x = offset.left + 12;
y = offset.top + 12;
var
e = {
clientX: x,
clientY: y - document.documentElement.scrollTop
};
$get(calendar._titleID).onclick(e);
return
false
;
});
fastNavigation.OnOK =
function
() {
var
date =
new
Date(fastNavigation.Year, fastNavigation.Month, 1);
//With Web Service binding mode you can use this method:
//scheduler.set_selectedDate(date);
//With Server side binding, we need to use RadAjaxManager:
$find(
"<%=RadAjaxManager1.ClientID %>"
).ajaxRequest(date.format(
'yyyy/MM/dd'
));
fastNavigation.Popup.Hide();
}
fastNavigation.OnToday =
function
() {
var
date =
new
Date();
//With Web Service binding mode you can use this method:
//scheduler.set_selectedDate(date);
//With Server side binding, we need to use RadAjaxManager:
$find(
"<%=RadAjaxManager1.ClientID %>"
).ajaxRequest(date.format(
'yyyy/MM/dd'
));
fastNavigation.Popup.Hide();
}
}
</script>
</telerik:RadCodeBlock>
<telerik:RadAjaxManager ID=
"RadAjaxManager1"
runat=
"server"
OnAjaxRequest=
"RadAjaxManager1_AjaxRequest"
>
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID=
"RadAjaxManager1"
>
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID=
"RadScheduler1"
UpdatePanelHeight=
""
/>
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID=
"RadScheduler1"
>
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID=
"RadScheduler1"
UpdatePanelHeight=
""
/>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadScheduler ID=
"RadScheduler1"
runat=
"server"
>
</telerik:RadScheduler>
I hope you enjoy it.
Kind regards,
Peter
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