Download Latest version of Ajax Control Toolkit V3.0

Download Latest Version of AJAX Control Toolkit Version 3.0

Latest version of AJAX Control Toolkit V 3.0 includes

New controls

This release includes three important new controls:

• HTMLEditor

  The HTMLEditor control allows you to easily create and edit HTML content. You can edit in design mode, as a rich text editor, or in source view to edit the HTML markup directly.

• ComboBox

  The ComboBox control provides a DropDownList of items, combined with TextBox. Different modes determine the interplay between the text entry and the list of items.

  Many thanks to Dan Ludwig for building this.

• ColorPicker

  The ColorPicker Control Extender can be attached to any ASP.NET TextBox control. It provides client-side color-picking functionality with UI in a popup control.

  Many thanks to Alexander Turlov for building this.

  
  

  Download AJAX Control Toolkit V3.0 to explore more controls

Maintain Scroll Position Rating Control Ajax

Update to my previous post Rating Control Ajax - Display Message on Rating

Ajax Rating Control has bug, that is whenever user clicks the rating control, page causes jumps to top of the page. To avoid jump to top of page when user clicks Rating Control you need to add following line.

Add following line to maintain scroll position of page after user clicks rating control asp.net ajax.


protected void Page_Load(object sender, EventArgs e)
{
Rating1.Attributes.Add("onclick", "return false;");
}

For Detailed explanation about why Rating control jumps to top of page when user clicks on Rating control

Rating Control Ajax - Display Message on Rating

One Famous Problem with Rating Control is How to Display Message after Rating is done, without making use of button click.

Following Images Explain How can we display label text on Rating Control Click, without explicitly clicking any button control.

Before Rating Control is Clicked


During Rating Control is Clicked


After Rating Control is Clicked


Now, lets understand how to display message on click of Star Image.

Step1: Declare CSS Styles in Style Sheet file Also Add Images to Image Folder

.ratingStar {
font-size: 0pt;
width: 31px;
height: 30px;
margin: 0px;
padding: 0px;
cursor: pointer;
display: block;
background-repeat: no-repeat;
}

.filledRatingStar {
background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
background-image: url(Images/SavedStar.png);
}

Step2: Declare ScriptManager in .aspx file with EnablePartialRendering=true

<asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server">
</asp:ScriptManager>

Step3: Declare UpdatePannel

<asp:UpdatePanel ID="UpdatePanel1" runat="server">        
<ContentTemplate>
<!-- Declare Rating Control Here -->
</ContentTemplate>        
</asp:UpdatePanel>   

Step4: Add Rating Control and Label in UpdatePannel

<asp:UpdatePanel ID="UpdatePanel1" runat="server">        
<ContentTemplate>
<!-- Rating Control -->
<cc1:Rating ID="Rating1" runat="server"
 BehaviorID="RatingBhvrId1"
 CurrentRating="3"
 MaxRating="5"
 StarCssClass="ratingStar"
 WaitingStarCssClass="savedRatingStar"
 FilledStarCssClass="filledRatingStar"
 EmptyStarCssClass="emptyRatingStar"
 OnChanged="Rating1_Changed"
 ToolTip="Please Rate!"                             
 style="float:left;">
</cc1:Rating>

<!-- Label to Display Message -->
<span id="lblResponse" class="heading"></span>                  
</ContentTemplate>        
</asp:UpdatePanel>   

Step5: Declare Necessary Javascript to show "Message" after user performs Rating with the help of e.CallbackResult

<script language="javascript" type="text/javascript">                                                                 
Sys.Application.add_load(function()
{
      $find("RatingBhvrId1").add_EndClientCallback(function(sender, e)
      {
         var lblCtrl = document.getElementById('lblResponse');
         lblCtrl.innerHTML = e.get_CallbackResult();            
     });
});
</script>

Step6: Declaring Rating1_Changed Event

protected void Rating1_Changed(object sender, AjaxControlToolkit.RatingEventArgs e)
{
          System.Threading.Thread.Sleep(500);
          int iRate = Convert.ToInt16(e.Value);
          string strMessage = string.Empty;
          switch (iRate)
          {
              case 1:
                  strMessage = "Not Useful";
                  break;
              case 2:
                  strMessage = "Average";
                  break;
              case 3:
                  strMessage = "Useful";
                  break;
              case 4:
                  strMessage = "Informative";
                  break;
              case 5:
                  strMessage = "Excellent";
                  break;
          }
      strMessage = "Thanks for Rating, You found this Question " + strMessage;
      e.CallbackResult = strMessage;
}

Summary View of .aspx Page

<asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server">
</asp:ScriptManager>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">           
<ContentTemplate>
   <cc1:Rating ID="Rating1" runat="server"
       BehaviorID="RatingBhvrId1"
       CurrentRating="3"
       MaxRating="5"
       StarCssClass="ratingStar"
       WaitingStarCssClass="savedRatingStar"
       FilledStarCssClass="filledRatingStar"
       EmptyStarCssClass="emptyRatingStar"
       OnChanged="Rating1_Changed"
       ToolTip="Please Rate!"                                
       style="float:left;">
   </cc1:Rating>
    <br />     
   <span id="lblResponse" class="heading"></span>                     
   <script language="javascript" type="text/javascript">                                                                    
           Sys.Application.add_load(function()
           {                                       
               $find("RatingBhvrId1").add_EndClientCallback(function(sender, e)
               {
                   var lblCtrl = document.getElementById('lblResponse');
                   lblCtrl.innerHTML = e.get_CallbackResult();               
               });
            });
    </script>
   </ContentTemplate>           
</asp:UpdatePanel>   

Free EBooks for LINQ, Ajax, Silverlight

Free E-Books for LINQ, Ajax, Silverlight

Free E-Books for New Features of .Net Framework 3.5

Sign up for the free e-book offer

The free e-book from Microsoft Press:

• Introducing Microsoft LINQ by Paolo Pialorsi and Marco Russo
  
  
  
  It explains Language Integrated Query (LINQ) syntax fundamentals, LINQ to ADO.NET, and LINQ to XML.

• Introducing Microsoft ASP.NET AJAX by Dino Esposito
  
  
  

This book explains ASP.NET AJAX Extensions 1.0, including an overview and the control toolkit.

• Introducing Microsoft Silverlight 1.0 by Laurence Moroney
  
  
  

This book explains how to use Silverlight to simplify the way you implement compelling user experiences for the Web. Discover how to support an object-oriented program model with JavaScript.

Accordion AJAX Control Runtime Data display from Database

Accordion AJAX Control Example to Create AccordionPane Runtime with Data from Database.

Accordion Control is one of the best AJAX Control as we can use in many different ways to serve our needs. Please refer to this video if you are new to Accordion AJAX Control.

Many time we generate Menu Runtime for that we make use of Treeview Control, but with this example you will understand how Accordion AJAX Control is better than other solution. In this example I have fetch the Country wise data from Northwind Customer Table and display Customer Information CountryWise.

Example 1: Displaying All the customer group by country, belgium



Example 2: Displaying All the customer group by country, brazil


Note: here the content portion is not showing actual customer Id, but you can display easily using the same way i have used to display countries and attach a querystring to display customer information. This piece of code is reusable.

On .aspx page, declare Accordion control.

<asp:Panel ID="pnlShowCountry" runat="server">
<cc1:Accordion ID="acc" runat="server" SelectedIndex="0" AutoSize="none" FadeTransitions="false" FramesPerSecond="50" TransitionDuration="10" HeaderCssClass="AccordionPaneHeaderCSS" ContentCssClass="AccordionPaneContentCSS">
</cc1:Accordion>      
</asp:Panel>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

On .aspx.cs page (code behind) actual logic to create accordianpane runtime and binding logic.

protected void Page_Load(object sender, EventArgs e)
{
   PopulateCountry();
}

private void PopulateCountry()
{
   DataTable dtCountry = GetCountry();
   DataRow drCountry;
   string CountryName, CountryCount;
  
   for(int i=0;i< dtCountry.Rows.Count;i++)
   {
       drCountry = dtCountry.Rows[i];           
       CountryName = drCountry["CountryName"].ToString();
       CountryCount = drCountry["CountryCount"].ToString();
      
       Label lblHeader = new Label();
       lblHeader.ID = "lblHeader" + i.ToString();
       lblHeader.Text = "<a href='' onclick='return false;' Class='AccordionLink'>" + CountryName + "</a> (" + CountryCount + ")";

       //For Content
       int iCountryCount = Convert.ToInt16(drCountry["CountryCount"]);
       Label lblContent = new Label();
       lblContent.ID = "lblContent" + i.ToString();           
       for (int j = 1; j <= iCountryCount; j++)
       {
           if(j==1)
               lblContent.Text =  "<a href='' onclick='return false;' Class='AccordionLink'>Customer " + j.ToString() + "</a><br>Blah Blah Blah....<br>Blah Blah Blah....Blah Blah Blah....";
           else
               lblContent.Text = lblContent.Text + "<br><a href='' onclick='return false;' Class='AccordionLink'>Customer " + j.ToString() + "</a><br>Blah Blah Blah....<br>Blah Blah Blah....Blah Blah Blah....";
       }

       AccordionPane accp = new AccordionPane();
       accp.ID = "accp" + i.ToString();
       accp.HeaderContainer.Controls.Add(lblHeader);
       accp.ContentContainer.Controls.Add(lblContent);

       acc.Panes.Add(accp);
   }       
   pnlShowCountry.Controls.Add(acc);
}

private DataTable GetCountry()
{
   string strConn = ConfigurationManager.AppSettings["connStr"].ToString();
   SqlConnection conn = new SqlConnection(strConn);
   conn.Open();
   SqlDataAdapter da = new SqlDataAdapter("select Country as 'CountryName',  count(customerId) as 'CountryCount' from customers group by country",conn);
   DataSet ds = new DataSet();       
   da.Fill(ds,"Country");
   DataTable dtCountry = ds.Tables["Country"];       
   return dtCountry;
}

DropShadowExtender AJAX Control Example

DropShadowExtender AJAX Control Example

If you are new to AJAX, Please refer to my Simple AJAX Example to understand how simple to start with AJAX.


Step 1: Add Script Manager

Step 2: Add a pannel control to asp.net page

Step 3: Add all controls inside Pannel Control, that you wish to see in Rounded Corner Box (ie. Applying DropShadow effect)

Note: Good Practise while defining pannel for DropShadowExtender Control

• Assign Width Property
• Assign BackColor Property eg: here I have used HotPink Color.
  

<asp:Panel ID="pnlMyCalcy" runat="server" BackColor="HotPink" Width="300">


Step 4: Adding DropShadowExtender Control, and Initialize "TargetControlID" Property with Pannel Control Id and Property TrackPosition="true"

<cc1:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="pnlMyCalcy" Opacity="75" Rounded="true" Radius="10" Trackposition="true"> </cc1:DropShadowExtender> 

ValidatorCalloutExtender AJAX Control Example

ValidatorCalloutExtender AJAX Control Example

If you are new to AJAX, Please refer to my Simple AJAX Example to understand how simple to start with AJAX.



Step 1: Add AJAX Script Manager

Step 2: For using ValidatorCalloutExtender, it is not compulsory to add Update Pannel, as this control is extender for validation control, so you must check 1 ValidatorCalloutExtender must associated with 1 Validation Control.

Step 3: Look a sample code to understand how ValidatorCalloutExtender works

• Initialize TargetControlID of ValidatorCalloutExtender control with ID of Validation Control you wish to associate with thatz it, nothing more.
  

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

<asp:RequiredFieldValidator ID="rfvDigit1" runat="server" ErrorMessage="Please Enter Digit1" ControlToValidate="txtDigit1" Display="None"></asp:RequiredFieldValidator>
<cc1:ValidatorCalloutExtender ID="rfvDigit1Ext" runat="server" TargetControlID="rfvDigit1">
</cc1:ValidatorCalloutExtender>

<asp:RegularExpressionValidator ID="revDigit1" runat="server" ErrorMessage="Please enter &lt;b>valid Numeric value</b> "  ControlToValidate="txtDigit1" Display="None" ValidationExpression="\d{0,15}"></asp:RegularExpressionValidator>
<cc1:ValidatorCalloutExtender ID="revDigit1Ext" runat="server" TargetControlID="revDigit1">
</cc1:ValidatorCalloutExtender>

Simple AJAX Example of Asp.net AJAX Framework

Simple AJAX Example of Asp.net AJAX Framework

In Simple Term what is AJAX?
AJAX is way by which we can avoid postback to perform server-side processing.

Consider Calculator Example: Following is a simple web application which performs calculation based on operation selected.



Problem with this application is when you click calculate button the default behavior is Page Postback occurs, and which is not user friendly. You can see in following Image that on Pressing Calculate Button page postback occurs and in worst case it take even time to render controls, as shown in figure, due to heavy calculation.


Now lets understand how we can avoid Page Postback with the use of AJAX and make a user friendly application.

AJAX Example with Visual Studio 2008 and Asp.net 3.5
Note: With VS.Net 2008 we don't need to modify web.config file as we used to do while using Ajax extension in VS.Net 2005, as AJAX Framework support is inbuilt with VS.Net 2008.

Step 1: Add Script Manager, Note: Every AJAX Application must contain Script Manager.



Step 2: Add Update Pannel, In AJAX anything inside Update Pannel, will avoid Page Postback and process server-side calculation as if client function has occurred.



Step 3: Put the controls Inside Update Pannel, which require Page Postback. In our example, I have form this calcy application in table so rather than putting just a button and result label i have put whole table, but otherwise you can just put LABEL and Button, as button cause Page Postback and Label updates actual result.



Now, run the application and you will feel the difference, the page will now not postback to calculate same operation which was causing Page Postback before.



So its so easy to make AJAX Enabled application with VS.Net 2008. For downloading AJAX Control Toolkit Extension for VS.Net 2008

DropShadowExtender AJAX Dynamic Length Problem and Solution

DropShadowExtender AJAX Dynamic Length Problem and Solution

When you are using AJAX Control Toolkit Control DropShadowExtender, you might run into problem when you are trying to increase length of pannel control dynamically.

A Real Time Scenario: I have assign DropDownExtender to my Login Control pannel, but when i tried to display ValidationSummary error, its run into problem.

Before Validation Fires everything runs smooth.

Problem starts when you try to display Validation Summary message in pannel.

So the solution is

Just add TrackPosition="true" in your DropDownExtender control definition.

so it should finally look something like below code.

<cc1:DropShadowExtender ID="DropShadowNewUser" runat="server"







TargetControlID="pnlNewUser" Opacity="75" Radius="6" Rounded="true"







TrackPosition="true">







</cc1:DropShadowExtender>

AJAX Control Toolkit VS.Net 2008

AJAX Control Toolkit for Visual Studio.Net 2008.

AjaxControlToolkit-Framework3.5 - AJAX Control Toolkit targets the official release of .NET Framework 3.5 and Visual Studio 2008.

Download The AJAX Control Toolkit of .Net Framework 3.4 and VS.Net 2008

How To Add AJAX Control Toolkit to VS.Net 2008 Toolbox.

• Download The AJAX Control Toolkit of .Net Framework 3.4 and VS.Net 2008
• Extract the AJAXControlToolkit3.5.Zip File.
• Open the SampleWebSite Project in VS.Net 2008
• Compile the Project, so that it generates AjaxControlToolkit.dll File in Bin Folder of SampleWebSite Project of AJAX Control Toolkit.
• Now, To add AJAX Control Toolkit to VS.Net 2008 Toolbox, right click the in Toolbox and Choose Add Tab from popup box

Type AJAX Control Toolkit as Tab name.

right click the AJAX Control Toolkit Tab in VS.Net 2008 Toolbox and select Choose Item from popup box



Browse for AJAXControlToolkit.dll file.

Go to location where SampleWebSite of AJAXControlToolkit resides and select AJAXControlToolkit.dll from Bin Folder

Thats it and you will see all the controls get populated. Note, with VS.Net 2008 you don't need to write configuration code in web.config as you do for VS.Net 2005.

Ajax Quality Resource and Tutorials

Ajax Quality Resource and Tutorials

A good link which contains 50+ Quality Resource and Tutorials for AJAX.

Read more

Tips and Tricks for UpdatePannel in AJAX

Tips and Tricks for UpdatePannel in AJAX

• Update Highlighting
• Canceling UpdatePanel Updates
• Multiple UpdatePanels
• Updates without UpdatePanels
• Web Service != SOAP and XML
  

Article on AJAX Architecture

A good link for understanding AJAX Architecture

• AJAX to the Rescue
• The AJAX Architecture
• What's an AJAX Framework?
• ASP.NET AJAX Extensions
• A Look at Partial Rendering
• Anatomy of an AJAX Postback
• Optimization Techniques for Partial Rendering
• Weighing Partial Rendering

Generate AJAX Load Image

Generate AJAX Load Image with ajaxload.info it generates .gif file.

For displaying please wait message for heavy loading task in your web application
Click here

Asp.net Ajax Virtual Class Room : Free

The Ultimate in Online Training Environment is here! With Developer Virtual Classrooms, you'll enjoy the benefits of LIVE human interaction from the comforts of your desktop for FREE. Develop Next Gen Web Applications Using ASP.NET AJAX This classroom will take you through the key concepts in ASP.NET AJAX. By attending this classroom you would be able to create better, faster and more user friendly web applications. The instructor will also take you through live demos to ensure a better understanding of the technology. Score more than 80% during the online evaluation and earn yourself a certificate of participation from Microsoft Register Now for FREE! Chapter Details Date Chapter 1: Introduction to ASP.NET AJAX June 04, 2007 1430–1600hrs Chapter 2: Microsoft AJAX Library June 05, 2007 1430–1600hrs Chapter 3: ASP.NET AJAX Extensions June 06, 2007 1430–1600hrs Chapter 4: ASP.NET AJAX Extensibility June 07, 2007 1430–1600hrs Chapter 5: AJAX Control Toolkit June 08, 2007 1430–1600hrs Speaker: Harish Ranganathan, Web Developer Evangelist - Microsoft India Register Now for FREE!

Implementing AJAX is easy now

With ASP.NET AJAX v1.0 Released, implementing AJAX is easy....

No need to write heavy javascript and plumbing stuff, it is as easy as dragging a control and start doing complex ajax.

Community has provided lots of control toolkit which will help to go ahead...

AJAX ASP.net Weblink : http://ajax.asp.net

Downloading and Installing AJAX Essential Components
1. ASP.NET 2.0 AJAX Extensions 1.0 : http://go.microsoft.com/fwlink/?LinkID=77296
2. ASP.NET AJAX Control Toolkit : http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=AtlasControlToolkit

View how AJAX Toolkit work : http://ajax.asp.net/ajaxtoolkit/


Downloading Video Tutorials : http://ajax.asp.net/documentation/default.aspx?tabid=47

For getting started within no time
1. Get Started with ASP.NET AJAX : http://www.asp.net/learn/videos/view.aspx?tabid=63&id=75
2. Get Started with the ASP.NET AJAX Control Toolkit : http://www.asp.net/learn/videos/view.aspx?tabid=63&id=76
3 Add ASP.NET AJAX Features to an Existing Web Application : http://www.asp.net/learn/videos/view.aspx?tabid=63&id=81

All the video tutors are excellent, and go through all to master the concept.

ASP.NET AJAX v1.0 Released

From Abhishek Kant Blog

The AJAX framework from Microsoft (codenamed Atlas) has now being released as V1.0. this means that it is fully supported and orgranisations can start using the same in their mainline applications.

download the framework from: http://ajax.asp.net

The Advantages of Microsoft AJAX

From Joe's Blog

One of the PUMs (Product Unit Manager) in my team, Shanku Niyogi, is an AJAX guru and recently wrote this internally to describe the advantages of Microsoft AJAX.

I thought it was a great write up and I’m reprinting it here with his permission.

There are a wide variety of good AJAX libraries available for ASP.NET today. This shows the demand for AJAX capabilities for the ASP.NET platform.

With ASP.NET AJAX, Microsoft is delivering a high-quality AJAX framework that will be fully integrated into ASP.NET and Visual Studio. We believe that delivering integrated support for AJAX in our platform will have several benefits for ASP.NET developers:

- ASP.NET AJAX will be a completely free release, and will be integrated into the free .NET Framework release in future versions.

- The release version of ASP.NET AJAX, due out around the end of the year, will be fully supported through Microsoft Product Support for the standard (7+3) period. This means that if you have any issues with this product in development or deployment, you can call up Microsoft to get help at anytime. It also means that we will issue hotfixes and service packs.

- ASP.NET AJAX includes integrated authoring support in Visual Studio 2005, and will include even better support in the next version of Visual Studio.

ASP.NET AJAX is also more than just a basic library for incremental rendering. ASP.NET AJAX also provides a rich end-to-end AJAX library that includes a full networking and web services stack, a component model with support for rich interactive behaviors, support for localization and globalization, and other capabilities required for rich web client programming. The client script library for ASP.NET AJAX is available in full source form (debug and release versions), and can be freely modified.

On top of the core package, you can use the ASP.NET AJAX Control Toolkit, which adds a rich library of controls for AJAX development. The Control Toolkit is free and available with a source license that allows full modification and redistribution.

From a pure performance perspective, there are several issues with the assessment that are either inaccurate or that we have improved in the Beta.

1. As Bertrand has mentioned in this comments, doing a pure measurement of script size on a small sample is misleading. The scripts are loaded only once, and then cached on the client. This means that over any real world web site, the cost of downloading the scripts are amortized over the entire site.

2. As Christophe mentioned, the Atlas tests Daniel ran were on the debug version of scripts. In CTP versions of Atlas, this was the default. In the ASP.NET AJAX Beta, scripts are release mode (smaller) and compressed by default. The compressed results are around 14K, which is around the size of an image on the page.

3. We have also done some significant work in reducing packet size for UpdatePanel. In the attached version of the project (which implements the same sample in Daniel’s blog), the packet size of the update is 485 bytes. The UpdatePanel architecture includes features like triggers and conditional updates that allow you to finely customize the update characteristics of your page.

4. ASP.NET AJAX also includes a very rich client-side framework, so that you can build client-centric applications. This goes well beyond basic direct AJAX, with access to server-based web services, a rich client component model, support for localization, and many other features. The client-centric framework requires an approximately 9K subset of the ASP.NET AJAX scripts. A version of the sample written with client-centric techniques (also in the attached project) uses a packet size of approximately 20-30 bytes (depending on the length of the date string).

Some other points in the study that are inaccurate or outdated:

1. In terms of browser support, ASP.NET AJAX supports IE, Firefox/Mozilla, and Safari today, and will support Opera by release. It will also support the next version of IE Mobile.

2. In addition to ASP.NET, ASP.NET AJAX supports other servers such as PHP – so if you have a mixed deployment, you can take advantage of ASP.NET AJAX with these servers as well.

3. The ASP.NET UpdatePanel can automatically detect downlevel browsers that are not AJAX capable, and turns off incremental rendering for the page. This allows you to easily build AJAX-enabled pages that still work on non-AJAX browsers.

ASP.NET AJAX Beta 1 Released

From Scott Guthrie's Blog:

Today I am very pleased to announce the first official Beta release of Microsoft ASP.NET AJAX v1.0. You can download it now from the http://ajax.asp.net site. Available on the site are three download options:

1) The ASP.NET AJAX v1.0 “Core” download. This redist contains the features that will be fully supported by Microsoft Product Support, and which will have a standard 10 year Microsoft support license (24 hours a day, 7 days a week, 365 days a year). The download includes support for the core AJAX type-system, networking stack, component model, extender base classes, and the server-side functionality to integrate within ASP.NET (including the super-popular ScriptManager, UpdatePanel, and Timer controls).

2) The ASP.NET AJAX “Value-Add” CTP download. This redist contains the additional higher-level features that were in previous CTPs of “Atlas,” but which won’t be in the fully-supported 1.0 “core” redist. These features will continue to be community supported as we refine them further and incorporate more feedback. Over time we’ll continue to move features into the “core” download as we finalize features in this value-add package more.

3) The ASP.NET AJAX Control Toolkit. This project contains 28 free, really cool, AJAX-enabled controls that are built on top of the ASP.NET AJAX 1.0 “Core” download. The project is collaborative shared source and built by a combination of Microsoft and non-Microsoft developers, and you can join the community or just download it on CodePlex today.

EasyListBox web control (FREE)

EasyListBox is an ASP.NET server control. This means that your server is required to have ASP.NET (and, by definition, the .NET Framework) installed. If you do not have ASP.NET, you can download it from the official website.

...with SuperSearch
...with AJAX for comboboxes and related lists
...to support ASP.NET validators
...to provide multi-column dropdown lists
...to support HTML in a listbox

Total customization: HTML, images, scrollbars

...with SpeedSearch
...with URLJump
...to integrate combo box behavior (with the flip of a switch)
...to bring you swapper lists
...to provide no-code databinding
...to bring you full Dreamweaver compatibility
...with DataGrid integration

http://www.asp.net/download-1.1.aspx?tabindex=0&tabid=1

http://easylistbox.com/home.aspx