Blazor Grid – Binding to a DevExtreme Data Source with Entity Framework Core

This example uses Entity Framework Core data access technologies to bind the DevExpress Blazor Grid component to a GridDevExtremeDataSource.

You can use the GridDevExtremeDataSource class to bind the DevExpress Blazor Grid to a large IQueryable data collection. This data source implementation is built upon our DevExtreme.AspNet.Data library. When you use this data source, our Blazor Grid delegates data filtering operations to an underlying query provider (such as EF Core) and only loads data required for on-screen display (helps optimize app performance and reduces overall memory consumption).

To use this data source in your next Blazor project, create a GridDevExtremeDataSource class instance and pass your IQueryable data collection as the constructor parameter. Once complete, assign this instance to the Grid's Data property. Refer to the following help topic for additional information/technical guidance: Bind Blazor Grid to Data.

Files to Review

• Index.razor
• Index.razor.css
• Invoice.cs
• NorthwindContext.cs
• Program.cs

Documentation

• Bind Blazor Grid to Data
• Bind Components to Data with Entity Framework Core

More Examples

• How to bind the Grid to a DataTable object
• How to bind the Grid to data with Entity Framework Core
• How to bind the Grid to an Instant Feedback data source and enable edit operations
• How to bind the Grid to a Web API service

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)