|
|
|
|
|
|
---|---|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
Data grid with 0 rows and 6 columns
In both Blazor Server and Blazor WebAssembly-powered applications, you can use GridDevExtremeDataSource<T> to bind our Blazor TreeList to a large dataset supplied by an HTTP service. This data source implementation is based on our DevExtreme.AspNet.Data library. When you use this data source, the TreeList delegates data filtering operations to an underlying query provider. The control loads child nodes when a user expands a parent node for the first time. This functionality optimizes performance and reduces overall memory consumption.
Follow the steps below to bind a TreeList to a large data collection published as an HTTP service:
- Create a GridDevExtremeDataSource<T> class instance and pass a URL to an HTTP service as the constructor parameter.
- Assign this instance to the TreeList's Data property.
- On the service side, implement an API controller. Create action methods that use the DataSourceLoader class to create a LoadResult object based on load options.
- Specify KeyFieldName, ParentKeyFieldName, and HasChildrenFieldName properties.