You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
<!-- default badges end -->
3
3
# Blazor Grid - Bind the Component to Data Using XPO
4
4
5
-
This example uses [DevExpress eXpress Persistent Objects (XPO) ORM](https://docs.devexpress.com/XPO/1998/express-persistent-objects) to bind the Blazor **DxGrid** to a database: a Web API backend retrieves XPO persistent objects and passes data to a Blazor application.
5
+
This example uses [DevExpress eXpress Persistent Objects (XPO) ORM](https://docs.devexpress.com/XPO/1998/express-persistent-objects) to bind the Blazor `DxGrid` to a database: a Web API backend retrieves XPO persistent objects and passes data to a Blazor application.
6
6
7
7
## Implementation Details
8
8
@@ -41,7 +41,7 @@ This example uses [DevExpress eXpress Persistent Objects (XPO) ORM](https://docs
41
41
42
42
### Retrieve Data Using a Web API Controller
43
43
44
-
CreateanAPIcontrollerthatqueriestheXPO `UnitOfWork`, shapestheresult, andusesthe `DevExtreme.AspNet.Data` library's [DataSourceLoader](https://devexpress.github.io/DevExtreme.AspNet.Data/net/api/DevExtreme.AspNet.Data.DataSourceLoader.html) to apply paging, sorting, and filtering based on the grid [load options](CS/DxGrid.BindToDataUsingXPO.WebAPI/Controllers):
44
+
CreateanAPIcontrollerthatqueriestheXPO `UnitOfWork`, shapestheresult, andusesthe `DevExtreme.AspNet.Data` library [DataSourceLoader](https://devexpress.github.io/DevExtreme.AspNet.Data/net/api/DevExtreme.AspNet.Data.DataSourceLoader.html) to apply paging, sorting, and filtering based on the grid [load options](CS/DxGrid.BindToDataUsingXPO.WebAPI/Controllers):
45
45
46
46
```cs
47
47
[HttpGet]
@@ -70,7 +70,7 @@ public ActionResult Get(DataSourceLoadOptions loadOptions) {
70
70
71
71
### Bind a Blazor Grid to Data
72
72
73
-
1. In a Blazor client application ([DxGrid.BindToDataUsingXPO](CS\DxGrid.BindToDataUsingXPO\DxGrid.BindToDataUsingXPO.csproj)), add a **DxGrid** component with multiple [DxGridDataColumn](https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxGridDataColumn) objects:
@@ -85,7 +85,7 @@ public ActionResult Get(DataSourceLoadOptions loadOptions) {
85
85
</DxGrid>
86
86
```
87
87
88
-
1. Create a [GridDevExtremeDataSource\<T\>](https://docs.devexpress.com/Blazor/DevExpress.Blazor.GridDevExtremeDataSource-1) instance and pass the `HttpClient` parameter and controller endpoint URI. Assign the instance to the Grid **Data** property:
88
+
1. Createa [GridDevExtremeDataSource\<T\>](https://docs.devexpress.com/Blazor/DevExpress.Blazor.GridDevExtremeDataSource-1) instance and pass the `HttpClient` parameter and controller endpoint URI. Assign the instance to the Grid `Data` property:
89
89
90
90
```razor
91
91
<DxGridData="GridDataSource">
@@ -105,7 +105,7 @@ public ActionResult Get(DataSourceLoadOptions loadOptions) {
105
105
}
106
106
```
107
107
108
-
The grid sends requests to the Web API. The API delegates data shaping to XPO's query provider. In this case, DxGrid loads only the data required for screen display instead of the entire dataset.
0 commit comments