New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

Summary description for DatePickerClientEvents. See Client Events for more information.

Definition

Namespace:Telerik.Web.UI.Calendar

Assembly:Telerik.Web.UI.dll

Syntax:

C#
[TypeConverter(typeof(ExpandableObjectConverter))]
public class DateRangePickerClientEvents : ObjectWithState

Inheritance: objectObjectWithStateDateRangePickerClientEvents

Inherited Members object.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()object.GetType()object.MemberwiseClone()...

Constructors

DatePickerClientEvents constructor. See Client Events for more information.

C#
public DateRangePickerClientEvents(StateBag OwnerStateBag, RadDateRangePicker owner)
Parameters:OwnerStateBagStateBag

Owner StateBag object

ownerRadDateRangePicker

Owner RadDatePicker control

Fields

Owner RadDatePicker control

C#
[SuppressMessage("Microsoft.Design", "CA1051:DoNotDeclareVisibleInstanceFields")]
public RadDateRangePicker owner

Properties

Gets or sets the name of the client-side event handler that is executed prior to closing the calendar popup.

C#
public string OnPopupClosing { get; set; }

There can be some conditions you do want not to close the calendar popup on click over it. Then you should cancel the event either by return false; or set its argument args.CancelClose = true;

            <script type="text/javascript">
function Closing(sender, args)
{
args.CancelClose = true;
//or
return false;
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupClosing="Closing"/>
</radCln:RadDatePicker>
Example:
cs-api-definition
[ASPX/ASCX]

Gets or sets the name of the client-side event handler that is executed prior to opening the calendar popup and its synchronizing with the DateInput value.

C#
public string OnPopupOpening { get; set; }

There can be some conditions you do want not to open the calendar popup on click of the popup button. Then you should cancel the event either by return false; or set its argument args.CancelOpen = true;

            <script type="text/javascript">
function Opening(sender, args)
{
args.CancelOpen = true;
//or
return false;
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server">
<ClientEvents OnPopupOpening="Opening"/>
</radCln:RadDatePicker>

Set the args.CancelSynchronize = true; to override the default DatePicker behavior of synchronizing the date in the DateInput and Calendar controls. This is useful for focusing the Calendar control on a date different from the DateInput one.

            <script type="text/javascript">
function Opening(sender, args)
{
args.CancelCalendarSynchronize = true;
sender.Calendar.NavigateToDate([2006,12,19]);
}
</script>
<radCln:RadDatePicker ID="RadDatePicker1" runat="server" >
<ClientEvents OnPopupOpening="Opening"/>
</radCln:RadDatePicker>
Example:
cs-api-definition
[ASPX/ASCX]