CODEDIGEST
Home Articles CodeDigest Tutorials FAQs
Skip Navigation LinksHome » Article » ASP.Net Ajax Article » Ajax Control Toolkit – Introduction   You are not logged in.
Search
 

Technologies
 

Sponsors
 

CodeDigest Navigation
 

Technology News
 

Community News
No News Feeds available at this time.
 
Ajax Control Toolkit – Introduction

By Satheesh babu
Posted On Aug 30,2008
Article Rating: (Login)
Be first to rate
this article.
No of Comments: 3
Print this article.
Category: ASP.Net AJAX

Subscribe to our feed!

Ajax Control Toolkit – Introduction

 

Introduction

Ajax Control Toolkit is set of server controls created by Microsoft and community to work with ASP.Net AJAX applications. It is available as separate download in asp.net site. This toolkit contains number of ASP.Net AJAX extender controls and an array of web controls that can be used to build rich internet applications. Extenders are server controls that get coupled with an exiting server to provide more client side functionality in AJAX applications. Basically, it is a control which emits some javascript code to give extended functionality to an existing control. For example, when we have a delete button we will add a JavaScript code to alert the user with confirmation message manually. This can be done by ConfirmButtonExtender control available in the toolkit.

To provide an autocomplete feature to a textbox we can use an extender control called AutoCompleteExtender available in the toolkit. Additionally, we can also develop our own extender control by inheriting an abstract class called ExtenderControl System.Web.UI namespace.

This article will give an introduction on extender controls and on how to use these extender controls that comes with Ajax Control toolkit in our projects.

 

Downloads

Visit the following link to download the latest Ajax Control Toolkit.

http://www.asp.net/AJAX/ajaxcontroltoolkit/

You can download this package with or without source code. Download it and unzip the package.

For ASP.Net AJAX 1.0 and Visual Studio 2005, you can download the toolkit directly from here.

 

Package Details

The package contains 2 folders,

1.      Sample Website that has tutorial with examples.

2.      AjaxControlExtender.vsi, this file installs a new Visual Studio template for creating new extender controls website. Refer the below figure,

 

Using the AJAX Control Toolkit

1.      Open Visual Studio 2005. Create a new website by clicking file>New>ASP.Net AJAX-Enabled Web Site.

2.      Right click in toolbar and select “Add Tab” and name it as “Ajax ToolKit”. Refer the below figure.



ASP.Net Hosting

Recent Articles

1.      Inside the tab, right click and select “Choose Item…” as seen in the above figure.

2.      Click “Browse...” button and reach to the “SampleWebSite” folder where you have unzipped your package. Navigate to BIN folder, select AjaxControlToolkit.dll. Click OK to close the “Choose Item…” dialog box.

3.      Now, you can see the extender controls in the toolbox.

Note

As I told earlier, along with the extender controls the Ajax Control toolkit has some rich server controls called Accordion, Rating, ReorderList, TabContainer, etc. We will see more about these controls in coming days.

 

Moving forward, we will use CalenderExtender control as an example to have a basic knowledge on how to use Ajax control toolkit.

Steps

1.      Drag a textbox control.

2.      Drag a CalenderExtender control.

3.      Set the textbox ID in the TargetControlID property of CalenderExtender control.

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1">

</cc1:CalendarExtender>

Execute the page. On clicking inside the textbox the calendar control will displayed where we can select the date.

 

To read more about all the extender controls visit here.

 

Conclusion

In precise, we use ASP.Net AJAX to build rich internet applications and the extender controls helps to make an existing control as a rich client controls. This article will help a beginner to have a basic knowledge on Ajax Control Toolkit and using it. Stay tuned for my future articles on Ajax Control Toolkit.

Happy Coding!!

 

Similar Articles
  • You can contribute to CodeDigest.Com:
    Article Feedback
    Title  
    Submitted By  
    Comment  
    Enter the verification number
     
    Comments
    Ajax Control Toolkit
    Unable to get ajax toolkit for dot net 2.0.

    <a href="http://seoindia4you.blogspot.com">http://seoindia4you.blogspot.com</a>


    Ashish Singh Bhadouria
    webdeveloper04@gmail.com
    Ajax Control Toolkit – Introduction
    Do you know how to make the Accordion control save the currently selected folder so that when another page containing the accordion is loaded the same folder is opened?
    MVC Support..?
    Hello!

    Will it work with the ASP.NET MVC framework..?

    the toolkit I mean: http://www.ajaxtoolkit.net/