www.radzen.com
- Solutionskeyboard_arrow_down
- Productskeyboard_arrow_down
- Resourceskeyboard_arrow_down
Radzen Blazor Components
DropDown data binding to custom objects
Bind DropDown to complex objects and enums with custom display and value properties.
In this demo the dropdown binds to a MyObject class with custom Equals, ToString, and GetHashCode methods, showing 100 items with filtering enabled and value pre-selected to "Name5".
Id: 5, Name: Name5
- Id: 0, Name: Name0
- Id: 1, Name: Name1
- Id: 2, Name: Name2
- Id: 3, Name: Name3
- Id: 4, Name: Name4
- Id: 5, Name: Name5
- Id: 6, Name: Name6
- Id: 7, Name: Name7
- Id: 8, Name: Name8
- Id: 9, Name: Name9
- Id: 10, Name: Name10
- Id: 11, Name: Name11
- Id: 12, Name: Name12
- Id: 13, Name: Name13
- Id: 14, Name: Name14
- Id: 15, Name: Name15
- Id: 16, Name: Name16
- Id: 17, Name: Name17
- Id: 18, Name: Name18
- Id: 19, Name: Name19
- Id: 20, Name: Name20
- Id: 21, Name: Name21
- Id: 22, Name: Name22
- Id: 23, Name: Name23
- Id: 24, Name: Name24
- Id: 25, Name: Name25
- Id: 26, Name: Name26
- Id: 27, Name: Name27
- Id: 28, Name: Name28
- Id: 29, Name: Name29
- Id: 30, Name: Name30
- Id: 31, Name: Name31
- Id: 32, Name: Name32
- Id: 33, Name: Name33
- Id: 34, Name: Name34
- Id: 35, Name: Name35
- Id: 36, Name: Name36
- Id: 37, Name: Name37
- Id: 38, Name: Name38
- Id: 39, Name: Name39
- Id: 40, Name: Name40
- Id: 41, Name: Name41
- Id: 42, Name: Name42
- Id: 43, Name: Name43
- Id: 44, Name: Name44
- Id: 45, Name: Name45
- Id: 46, Name: Name46
- Id: 47, Name: Name47
- Id: 48, Name: Name48
- Id: 49, Name: Name49
- Id: 50, Name: Name50
- Id: 51, Name: Name51
- Id: 52, Name: Name52
- Id: 53, Name: Name53
- Id: 54, Name: Name54
- Id: 55, Name: Name55
- Id: 56, Name: Name56
- Id: 57, Name: Name57
- Id: 58, Name: Name58
- Id: 59, Name: Name59
- Id: 60, Name: Name60
- Id: 61, Name: Name61
- Id: 62, Name: Name62
- Id: 63, Name: Name63
- Id: 64, Name: Name64
- Id: 65, Name: Name65
- Id: 66, Name: Name66
- Id: 67, Name: Name67
- Id: 68, Name: Name68
- Id: 69, Name: Name69
- Id: 70, Name: Name70
- Id: 71, Name: Name71
- Id: 72, Name: Name72
- Id: 73, Name: Name73
- Id: 74, Name: Name74
- Id: 75, Name: Name75
- Id: 76, Name: Name76
- Id: 77, Name: Name77
- Id: 78, Name: Name78
- Id: 79, Name: Name79
- Id: 80, Name: Name80
- Id: 81, Name: Name81
- Id: 82, Name: Name82
- Id: 83, Name: Name83
- Id: 84, Name: Name84
- Id: 85, Name: Name85
- Id: 86, Name: Name86
- Id: 87, Name: Name87
- Id: 88, Name: Name88
- Id: 89, Name: Name89
- Id: 90, Name: Name90
- Id: 91, Name: Name91
- Id: 92, Name: Name92
- Id: 93, Name: Name93
- Id: 94, Name: Name94
- Id: 95, Name: Name95
- Id: 96, Name: Name96
- Id: 97, Name: Name97
- Id: 98, Name: Name98
- Id: 99, Name: Name99
DropDown data binding to enum link
Bind a DropDown directly to an enum type for easy selection of enumeration values.
- Red
- Green
- Blue
- Almond Green
- Amber Gray
- Apple Blue...
- Azure
All the tools in one place
Save Hours on Every Project
With Radzen Blazor subscription you get the full toolkit, including:
support
Dedicated support backed by proven expertise
palette
Premium themes and theme editor
widgets
Ready-to-use UI blocks
dashboard_customize
Complete app templates
format_shapes
Visual design-time-experience
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT
On this page
- UI Fundamentalskeyboard_arrow_down
- UI Blocks Prokeyboard_arrow_down
- App Templateskeyboard_arrow_down
- DataGrid Updated keyboard_arrow_down
- Data-bindingkeyboard_arrow_down
- Virtualizationkeyboard_arrow_down
- Columns Updated keyboard_arrow_down
- Filtering Updated keyboard_arrow_down
- Hierarchy Updated keyboard_arrow_down
- Selection Updated keyboard_arrow_down
- Sortingkeyboard_arrow_down
- Paging Updated keyboard_arrow_down
- Grouping Updated keyboard_arrow_down
- Custom Headerkeyboard_arrow_down
- Save/Load settings Updated keyboard_arrow_down
- Drag & Drop Updated keyboard_arrow_down
- PivotDataGrid New keyboard_arrow_down
- Data Updated keyboard_arrow_down
- DataListkeyboard_arrow_down
- DataFilterkeyboard_arrow_down
- Treekeyboard_arrow_down
- Imageskeyboard_arrow_down
- Layout Updated keyboard_arrow_down
- Navigationkeyboard_arrow_down
- Formskeyboard_arrow_down
- DropDownkeyboard_arrow_down
- HtmlEditorkeyboard_arrow_down
- Data Visualizationkeyboard_arrow_down
- Chartkeyboard_arrow_down
- Feedbackkeyboard_arrow_down
- Alertkeyboard_arrow_down
- Validatorskeyboard_arrow_down
Demos Configuration
Premium Themes
- Material 3
- Material 3 Dark
- Fluent
- Fluent Dark
Free Themes
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark