OnPopupOpening

The OnPopupOpening client-side event handler is called just before a popup calendar is initialized to the current selection in the input area and then displayed.

The event handler receives two arguments:

1. the object that fired the event.

2. an event arguments object that exposes the following methods:OnPopupOpening event arguments object

Name	Return Type	Arguments	Description
get_popupControl()	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:

ASPNET

<telerik:RadDatePicker RenderMode="Lightweight" ID="RadDatePicker1" runat="server">
    <Calendar DayNameFormat="FirstLetter"
           UseColumnHeadersAsSelectors="False"
           UseRowHeadersAsSelectors="False">
    </Calendar>
    <ClientEvents OnPopupOpening="popupOpening" />
</telerik:RadDatePicker>

JavaScript

function popupOpening(sender, eventArgs) {
	if (sender.isEmpty()) {
		eventArgs.set_cancelCalendarSynchronization(true);
		
		var popup = eventArgs.get_popupControl();
		var todaysDate;
		var todayTriplet;
		
		if (popup.get_selectedDates().length == 0) {
			todaysDate = new Date();
			todayTriplet = [todaysDate.getFullYear(), todaysDate.getMonth() + 1, todaysDate.getDate()];
			popup.selectDate(todayTriplet, true);
		}
	}
}

See Also

• Client-side Events Overview

• OnPopupClosing