Data Binding Overview
The Telerik UI for ASP.NET Core ListBox provides flexible data binding capabilities that allow you to populate the list with selectable items from various data sources. You can choose the appropriate binding method based on your application architecture and data requirements.
The default casing for JSON strings in ASP.NET Core is camelCase. The Telerik UI components that are data-bound depend on PascalCase formatted response from the server. If the JSON serialization isn't configured properly, the UI components will display wrong data. To find out how to configure the application to return the data in Pascal-case, refer to the JSON Serialization article.
Data Binding Approaches
The ListBox supports the following data binding methods:
Local Data Binding
Bind the ListBox to a local dataset by passing an arbitrary model directly within the boundaries of the component. This approach is optimal for:
- Small to medium-sized datasets that can be loaded in memory.
- Static data that does not require frequent updates.
- Scenarios where all data is available at render time.
For detailed implementation instructions, see Local Data Binding.
Array Data Binding
Bind the ListBox to arrays when working with simple data structures and straightforward scenarios:
- Binding to primitive arrays.
- Static list scenarios with minimal configuration requirements.
- Quick prototyping and testing environments.
For detailed implementation instructions, refer to the Binding to Arrays article.
Remote Data Binding
Connect the ListBox to a remote endpoint using AJAX requests. This enables:
- Dynamic data loading from external sources.
- Real-time list updates with fresh data.
For more information and examples, refer to the Remote Data Binding documentation.
Data Binding in Razor Pages
You can seamlessly integrate the ListBox component into Razor Pages applications. All the data binding approaches described above can be configured within Razor Pages scenarios.
The component supports both HtmlHelper and TagHelper syntax, and allows you to send the anti-forgery token when connecting to remote endpoints to ensure secure data operations.
For detailed implementation instructions, refer to the ListBox in Razor Pages article.
Key Considerations
When selecting a data binding approach for the ListBox, evaluate the following factors:
- Performance—Local data binding offers faster initial rendering since all data is available immediately, while remote data binding provides better performance with large datasets.
- Data volume—Array binding works best for small primitive datasets, local binding suits small to medium-sized collections, while remote binding handles large datasets efficiently with server-side operations.
- Real-time requirements—Remote data binding is essential for scenarios requiring live data updates and dynamic content refresh.
- Security—Remote binding provides better control over data access, validation, and can implement proper authentication and authorization mechanisms.