articles

Home / DeveloperSection / Articles / ASP.Net AJAX Control Toolkit: CalendarExtender

ASP.Net AJAX Control Toolkit: CalendarExtender

Uttam Misra14624 17-Sep-2010

The Toolkit contains some new controls that have AJAX functionality and many control extenders. The control extenders attach to any other control to enhance the functionality.

These Toolkit download from the Microsoft site or by help of net and these toolkit associate with visual studio by adding .dll through add reference. Toolkit are attach with toolbox by right click on toolbox and click on add choose item and give a name AJAX Control toolkit.

ASP.Net AJAX Control Toolkit: CalendarExtender

 ASP.Net AJAX Control Toolkit Extenders

The control extends the behavior of ASP.NET server controls with additional JavaScript on the client side and also server side.

CalendarExtender:

It provide simplicity in select the date from month. It contains main key properties: TargetControlID and Format.

How we implement the CalendarExtender

 

Step1: we use the following control on aspx page

 

Example:

 <body>
    <formid="form1"runat="server">
    <div>
<%--Using ScriptManager or ToolkitScriptManager according toolkit version--%>
    <asp:ScriptManagerID="ScriptManager1"runat="server"></asp:ScriptManager>
    <%--using textbox--%>
    <asp:TextBoxID="TextBox1"runat="server"></asp:TextBox>
    <%-- using calenderextendar here--%>
    <cc1:CalendarExtenderID="CalendarExtender1"runat="server"TargetControlID ="TextBox1"Format="MMM/dd/yyyy">
    </cc1:CalendarExtender>
    </div>
    </form>
</body>

 

Step2: Run the project

Press the mouse button on textbox 

ASP.Net AJAX Control Toolkit: CalendarExtender

Select the date from calendar

ASP.Net AJAX Control Toolkit: CalendarExtender

 This is the simple demonstration of CalendarExtender in the web application.



Updated 07-Sep-2019
More than 18 years of working experience in IT sector. We are here to serve you best.

Leave Comment

Comments

Liked By