Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Calendar / Client-side Events


RadDatePicker:
Event log:

  • RadDatePicker exposes several client-side events which allow easy and flexible use in a wide range of application scenarios:

    • OnDateSelected - fired whenever the selected date of the datepicker is changed.
    • OnPopupOpening - fired only on calendar popup opening prior to opening the calendar popup and its synchronizing with the DateInput value. Cancel this event to override the default DatePicker behavior of synchronizing the date in the DateInput and Calendar controls. This is useful for focusing the Calendar component on a date different from the DateInput one and/or set some condition for opening the Calendar control.
    • OnPopupClosing - fired only on calendar popup closing prior to the synchronization of the date in the calendar popup and the DateInput. This event is useful if you need to set some condition for closing the Calendar control on click of its date cell.

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.Calendar.Functionality.ClientSideEvents.DefaultCS" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <qsf:HeadTag runat="server" ID="Headtag1"></qsf:HeadTag>
        <style type="text/css">
            .left
            {
                float: left;
                width: 100px;
            }
        </style>
    </head>
    <body class="BODY">
        <form runat="server" id="mainForm" method="post">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="CS"></qsf:Header>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript">
             //<![CDATA[
                function OnPopupOpening(sender, args)
                {
                    logEvent("OnPopupOpening fired by " + sender.get_id() + "<br />");
                }

                function OnPopupClosing(sender, args)
                {
                    logEvent("OnPopupClosing fired by " + sender.get_id() + "<br />");
                }


                function OnDateSelected(sender, e)
                {
                    if (e.get_newDate() != null)
                    {
                        logEvent("OnDateSelected: " + e.get_newDate().toDateString() + " selected in " + sender.get_id() + "<br />");
                    }
                    else
                    {
                        logEvent("OnDateSelected: Date cleared in " + sender.get_id() + "<br />");
                    }
                }

                function onLoad(sender, args)
                {
                    logEvent("Date input " + sender.get_id() + " loaded <br />");
                }
            //]]>
            </script>
        </telerik:RadCodeBlock>
        <table>
            <tr>
                <td style="vertical-align: top; width: 420px;">
                    <br />
                    <fieldset style="float: left;">
                        <legend>RadDatePicker: </legend>
                        <telerik:RadDatePicker ID="RadDatePicker1" runat="server" MinDate="2006/1/1" Width="150px">
                            <ClientEvents OnPopupOpening="OnPopupOpening" OnPopupClosing="OnPopupClosing" OnDateSelected="OnDateSelected">
                            </ClientEvents>
                            <DateInput runat="server" ID="DateInput">
                                <ClientEvents OnLoad="onLoad" />
                            </DateInput>
                        </telerik:RadDatePicker>
                    </fieldset>
                </td>
                <td style="width: 300px;">
                    <qsf:EventLogConsole runat="server" ID="EventLogConsole1" />
                </td>
            </tr>
        </table>
        <qsf:Footer ID="Footer1" runat="server"></qsf:Footer>
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451