Data Binding Overview
The Telerik UI for ASP.NET Core DropDownTree provides flexible data binding capabilities that allow you to populate the tree structure with hierarchical data from various 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 DropDownTree supports the following data binding methods:
Items Data Binding
Define the DropDownTree items declaratively within the component configuration when using:
- Simple tree structures with a known, fixed hierarchy.
- Static content that does not require external data sources.
For detailed implementation instructions, refer to the Items Binding documentation.
Local Data Binding
Bind the DropDownTree 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.
- Scenarios where all data is available at render time.
For detailed implementation instructions, see Local Data Binding documentation.
Remote Data Binding
Connect the DropDownTree to a remote endpoint using AJAX requests. This enables:
- Dynamic loading of large hierarchical datasets.
- Real-time data updates from external sources.
- Improved performance through on-demand data loading.
For more information and examples, refer to the Remote Data Binding documentation.
Data Binding in Razor Pages
You can seamlessly integrate the DropDownTree 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 Razor Pages Binding article.
Key Considerations
When selecting a data binding approach for the DropDownTree, evaluate the following factors:
- Performance—Local data binding offers faster initial rendering, while remote data binding provides better performance with large datasets through on-demand loading of child nodes.
- Data volume—Large hierarchical datasets are better handled with remote binding and lazy loading, while small to medium datasets work well with local data binding. Items binding is suitable for static trees.
- Tree complexity—Simple, fixed hierarchies work well with items binding, while dynamic or deeply nested structures benefit from local or remote data binding approaches.
- Real-time requirements—Remote data binding is essential for scenarios requiring live data updates and dynamic content refresh.