Blazor AutoComplete Example - Data Binding
This example demonstrates the AutoComplete's comprehensive data binding support with automatic completion and remote data handling capabilities.
Data binding features:
- Type characters and remaining characters auto-fill based on first matched item
- Loader icon appears during remote data retrieval
- 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 servicesODataAdaptor- For OData endpointsODataV4Adaptor- For OData V4 endpointsWebApiAdaptor- For Web API servicesWebMethodAdaptor- For web methods
Data binding types in this sample:
- Local Data - Countries collection
- Remote Data - Customer data via DataManager
- Observable Collection - Colors data
- ExpandObject - Vehicles data
- DynamicObject - Customers data
See also