ASP.NET ComboBox - Grid-Like Multi-Columns with Icons
PRODUCT NAME
PRICE
Chai
Chai
$18.00
1
Chang
Chang
$19.00
2
Aniseed Syrup
Aniseed Syrup
$10.00
3
Chef Anton's Cajun Seasoning
Chef Anton's Cajun Seasoning
$22.00
4
Chef Anton's Gumbo Mix
Chef Anton's Gumbo Mix
$21.35
5
Grandma's Boysenberry Spread
Grandma's Boysenberry Spread
$25.00
6
Uncle Bob's Organic Dried Pears
Uncle Bob's Organic Dried Pears
$30.00
7
Northwoods Cranberry Sauce
Northwoods Cranberry Sauce
$40.00
8
Mishi Kobe Niku
Mishi Kobe Niku
$97.00
9
Ikura
Ikura
$31.00
10
Queso Cabrales
Queso Cabrales
$21.00
11
Queso Manchego La Pastora
Queso Manchego La Pastora
$38.00
12
Konbu
Konbu
$6.00
13
Tofu
Tofu
$23.25
14
Genen Shouyu
Genen Shouyu
$15.50
15
Displaying 15 products.
The items of the ComboBox can be displayed in a grid-like structure. By using item templates,
you can display as many columns of data as you wish. A header and a footer can also be displayed,
to make the list with items look even more like a grid view.
You can display any data field in the item template, by using the
Eval
method.
When using this approach to display items, your end users will still benefit from the other features of the ComboBox:
autocomplete, load on demand, virtual scrolling, filtering, etc.
This sample shows how easy it is to add images for items in the grid-like structure.
Simply add an ASP.NET Image control in the ItemTemplae and set its ImageUrl property accordingly.
« Back to examples