Quick Links
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.
"
We LOVE your components. They are awesome!
"
Greg Kirchdorfer
Internet Office, Inc.
obout.com
obout.com Home
News
ComboBox Home
ComboBox Home
Examples
- 53
Appearance
- 1
Live Styles
Autocomplete & Filtering
- 2
Autocomplete
Filtering
Load on Demand
- 4
Load Items on Demand
Load Items on Demand with Paging
Virtual Scrolling
Initial Text
Multi-Columns
- 4
Grid-like Multi-Columns
Multiple Rows and Columns
Load multi Columns on Demand
State Selector
Items with Icons
- 3
Items with Icons
Grid-like Multi-Columns with Icons
Multiple Rows and Columns with Icons
Templates
- 3
Item Templates
Header Templates
Footer Templates
Populating with Data
- 5
Declarative
SqlDataSource
ObjectDataSource
Generic Collections
DataSet
Item Selection
- 6
Single Item Selection
Multi Item Selection
Get Selected Item
Get Selected Items
Set Selected Item
Set Selected Items
Mode
- 2
ComboBox
TextBox
Master/Detail
- 3
Master/Detail
Unlimited Detail Levels
Cascading ComboBoxes
Integration
- 5
Items with ASP.NET CheckBoxes
Items with Obout CheckBoxes
RadioButtons inside ComboBox
TreeView inside ComboBox
ComboBox inside Grid
Settings
- 8
AllowCustomText
AllowEdit
AutoPostback
AutoValidate
Height
MenuWidth
OpenOnFocus
Width
Server-Side API
- 2
Server-Side Events
Enable / Disable
Client-Side API
- 5
Client-Side Events
Add / Remove Items
Enable / Disable
Get Selected Item
Knowledge Base
- 1
Knowledge Base
Documentation
- 13
Server-Side
ComboBox
ComboBoxClientSideEvents
ComboBoxCssSettings
ComboBoxFilterType
ComboBoxFooterTemlateContainer
ComboBoxHeaderTemlateContainer
ComboBoxItem
ComboBoxItemEventArgs
ComboBoxItemTemlateContainer
ComboBoxLoadingItemsEventArgs
ComboBoxMode
Client-Side
Client-Side API
ChangeLog
Tutorials
- 1
Using the correct path
Products
AJAX Page
Calendar
Color Picker
Date Picker
File Upload Progress
Flyout
Grid
HTML Editor
Image Zoom
Listbox
Multilevel Listbox
Scheduler
Show
Spell Checker
Splitter
Tab Strip
TreeView
Tree_DB
Window
Menu
Context Menu
Easy Menu
Slide Menu
Text Menu
Combobox
Combobox
AJAX Autosuggest
Multilevel Combobox
State Selector
Interface Controls
Button
Checkbox
Dropdown List
Multiline Textbox
Radio Button
Textbox
ASP.NET MVC
Interface Controls
Download
Download page
Install FAQ
Tech Support
Our clients
Testimonials
Support
Support
Purchase
Purchase page
Contact Sales
License info
Sales FAQ
Customer login
Print Invoice
Installation
Company
Legal
Clients
Testimonials
Contact