OnPopupOpening
The OnPopupOpening client-side event handler is called just before a popup calendar or time view is initialized to the current selection in the input area and then displayed.
The event handler receives two arguments:
the object that fired the event.
an event arguments object that exposes the following methods:OnPopupOpening event arguments object
| Name | Return Type | Arguments | Description |
|---|---|---|---|
| get_popupControl() | RadTimeView or RadCalendar client-side object | Returns the client object for the time view or calendar that is about to be displayed. | |
| set_cancelCalendarSynchronization(value) | bool | Lets you prevent the popup control from synchronizing its value to the value in the input area. | |
| set_cancel(value) | bool | Lets you prevent the popup from appearing. |
The following example uses the OnPopupOpening event to initialize the selection if the input area is empty:
<telerik:RadDateTimePicker RenderMode="Lightweight" ID="RadDateTimePicker1" runat="server">
<Calendar DayNameFormat="FirstLetter"
UseColumnHeadersAsSelectors="False"
UseRowHeadersAsSelectors="False">
</Calendar>
<ClientEvents OnPopupOpening="popupOpening" />
</telerik:RadDateTimePicker>
function popupOpening(sender, eventArgs) {
if (sender.isEmpty()) {
eventArgs.set_cancelCalendarSynchronization(true);
var popup = eventArgs.get_popupControl();
var todaysDate;
var todayTriplet;
var time;
if (popup == sender.get_calendar()) {
if (popup.get_selectedDates().length == 0) {
todaysDate = new Date();
todayTriplet = [todaysDate.getFullYear(), todaysDate.getMonth() + 1, todaysDate.getDate()];
popup.selectDate(todayTriplet, true);
}
}
else {
time = popup.getTime();
if (!time) {
time = new Date();
time.setHours(12);
popup.setTime(time);
}
}
}
}