Blazor Dropdown List Example - Data Binding
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
This example demonstrates DropDownList's comprehensive data binding support with remote and local data sources.
Data binding features:
- Select items by clicking DropDownList component
- Loader icon appears during remote data retrieval initially
- Supported data types: Array, ObservableCollection, ExpandoObject, DynamicObject, DataManager
DataManager configuration:
- DataManager.Url - Service endpoint for data retrieval
- DataManager.Adaptor - ODataAdaptor (default) or alternative adaptors
Adaptor options:
- UrlAdaptor - For any remote services
- ODataAdaptor - For OData endpoints
- ODataV4Adaptor - For OData V4 endpoints
- WebApiAdaptor - For Web API services
- WebMethodAdaptor - For web methods
Data binding types in this sample:
- Local Data - Sports collection
- Remote Data - Customer data via DataManager
- Observable Collection - Colors data
- ExpandObject - Vehicles data
- DynamicObject - Customers data
See also