From 6a94aea2c00ecb51b112a214f7e0f934715fb729 Mon Sep 17 00:00:00 2001 From: radkostanev Date: Fri, 20 Sep 2024 11:25:06 +0300 Subject: [PATCH 1/3] chore: apply marketing recommendations --- components/grid/refresh-data.md | 8 +++++--- components/grid/virtual-scrolling.md | 4 +++- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/components/grid/refresh-data.md b/components/grid/refresh-data.md index 1dc2b1bda1..a61995eadd 100644 --- a/components/grid/refresh-data.md +++ b/components/grid/refresh-data.md @@ -10,7 +10,7 @@ position: 53 # Grid - Refresh Data -@[template](/_contentTemplates/common/observable-data.md#intro) +One of the key features of Telerik UI for Blazor Grid component is its ability to refresh the data displayed, ensuring that the Grid always presents the most up-to-date information. Whether you are working with large datasets or frequently changing data sources, understanding how to efficiently refresh the data in the Grid is crucial for maintaining both optimal performance and user experience. This guide covers various methods and best practices for refreshing data in the Telerik UI for Blazor Grid, helping you choose the right approach for your specific application needs related to Blazor DataGrid live update. In this article: @@ -106,6 +106,8 @@ You can refresh the Grid data by using the `Rebind` method exposed to the refere ## Observable Data +@[template](/_contentTemplates/common/observable-data.md#intro) + @[template](/_contentTemplates/common/observable-data.md#observable-data) @[template](/_contentTemplates/common/observable-data.md#observable-data-onread-note) @@ -113,7 +115,7 @@ You can refresh the Grid data by using the `Rebind` method exposed to the refere >caption Bind the Grid to an ObservableCollection, so it can react to collection changes. ````CSHTML -@* Add/remove employee to see how the Grid reacts to that change. *@ +@* Add/remove employee to see the Blazor DataGrid live update in action. *@ @using System.Collections.ObjectModel @@ -369,7 +371,7 @@ This means that you need to ensure that the view-model will be updated as well, * Update the local view-model data yourself with the information the grid event gives you (e.g., insert the new item in it, or remove a deleted item, or update the fields of an edited item). You can find similar code used in the [Grid - Inline Editing Live Demo](https://demos.telerik.com/blazor-ui/grid/editing-inline). - * It is important to ensure the change happens on the object the grid uses. Methods like `.FirstOrDefault()` may return a new reference and thus changing them may not trigger are UI update. + * It is important to ensure the change happens on the object the grid uses. Methods like `.FirstOrDefault()` will return a new reference and thus changing them will not trigger are UI update. ## See Also diff --git a/components/grid/virtual-scrolling.md b/components/grid/virtual-scrolling.md index 5a32606c27..3e8b900fb5 100644 --- a/components/grid/virtual-scrolling.md +++ b/components/grid/virtual-scrolling.md @@ -1,7 +1,7 @@ --- title: Virtual Scrolling page_title: Grid - Virtual Scrolling -description: Enable and configure virtualization in the Blazor Grid with virtual scrolling - an alternative to paging. +description: Enable and configure virtualization in Blazor Grid with virtual scrolling - an alternative to paging. slug: components/grid/virtual-scrolling tags: telerik,blazor,grid,virtual,scrolling published: True @@ -18,6 +18,8 @@ You can also use the Blazor Grid virtualization for the Grid columns. See the [C ## Using Virtual Scrolling +For the Blazor Grid virtualization to work, you need to: + 1. Set the `ScrollMode` parameter to `GridScrollMode.Virtual` (the default value is `Scrollable`). 1. [Set the `Height` parameter](#setting-a-value-for-the-height-parameter). 1. [Set the `RowHeight` parameter](#setting-a-value-for-the-rowheight-parameter). From b72f8fd70e40843349866e43a13d40d5b7110479 Mon Sep 17 00:00:00 2001 From: Radko Stanev <49035696+radkostanev@users.noreply.github.com> Date: Tue, 24 Sep 2024 09:33:25 +0300 Subject: [PATCH 2/3] chore: minor polishing Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com> --- components/grid/refresh-data.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/grid/refresh-data.md b/components/grid/refresh-data.md index a61995eadd..d265ac307c 100644 --- a/components/grid/refresh-data.md +++ b/components/grid/refresh-data.md @@ -371,7 +371,7 @@ This means that you need to ensure that the view-model will be updated as well, * Update the local view-model data yourself with the information the grid event gives you (e.g., insert the new item in it, or remove a deleted item, or update the fields of an edited item). You can find similar code used in the [Grid - Inline Editing Live Demo](https://demos.telerik.com/blazor-ui/grid/editing-inline). - * It is important to ensure the change happens on the object the grid uses. Methods like `.FirstOrDefault()` will return a new reference and thus changing them will not trigger are UI update. + * It is important to ensure the change happens on the object that the Grid uses. Methods like `.FirstOrDefault()` will return a new reference and changing them will not trigger a UI update. ## See Also From cb40b25d151f42d746d36a47190840b29b340465 Mon Sep 17 00:00:00 2001 From: Radko Stanev <49035696+radkostanev@users.noreply.github.com> Date: Tue, 24 Sep 2024 09:33:39 +0300 Subject: [PATCH 3/3] chore: minor polishing Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com> --- components/grid/refresh-data.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/grid/refresh-data.md b/components/grid/refresh-data.md index d265ac307c..000c351637 100644 --- a/components/grid/refresh-data.md +++ b/components/grid/refresh-data.md @@ -10,7 +10,7 @@ position: 53 # Grid - Refresh Data -One of the key features of Telerik UI for Blazor Grid component is its ability to refresh the data displayed, ensuring that the Grid always presents the most up-to-date information. Whether you are working with large datasets or frequently changing data sources, understanding how to efficiently refresh the data in the Grid is crucial for maintaining both optimal performance and user experience. This guide covers various methods and best practices for refreshing data in the Telerik UI for Blazor Grid, helping you choose the right approach for your specific application needs related to Blazor DataGrid live update. +One of the key features of Telerik UI for Blazor Grid component is its ability to refresh the displayed data. This ensures that the Grid always presents the most up-to-date information, no matter if you are working with large datasets or frequently changing data sources. Understanding how to efficiently refresh the data in the Grid is crucial for maintaining both optimal performance and user experience. This guide covers various methods and best practices for refreshing data in the Telerik UI for Blazor Grid, helping you choose the right approach for your specific application needs related to Blazor DataGrid live update. In this article: