HOW-TO: Implement eBay's Slick Dropdown ComboBox

ASP.NET Team Blog
25 July 2007

A customer recently asked about a control they had seen on the popular e-commerce site

It was described like this:

I noticed that ebay has a dropdown combo box but with links in it.  The
cool part about it is the fact that it combines a command link (one click
to activate action) and a combo box (click down arrow for more action).

You can achieve this easily with the ASPxComboBox. Simply drop an ASPxComboBox onto your webform and using the smart tag, click items. Now add some items using the Items Editor. Here I've added three popular websites:


You'll now want to wire the Client-Side event for the ASPxComboBox to open the selected item. So using the great help documentation to find the Client-Side event for the ASPxComboBox (search ASPxCLIENTComboBox in the help). The SelectedIndexChanged method will work nicely. Now simply add the call to open another window once the ListItem has been selected:; // You can add more params to control the javascript call.


To get the look of hyperlinks, set the ItemStyle's Font Underline property to true. Also, set the ItemStyle's ForeColor to Blue.

Run, click on an item and you have URL-Enabled ASPxComboBox goodness.


Free DevExpress Products - Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We'll be happy to follow-up.
No Comments

Please login or register to post comments.