Merge pull request #1 from SyncfusionExamples/Refresh_Sorting

MAUI- 959525 -Added KB sample to refresh Sorting dynamically when items source collection changed

Author: ashok-kuvaraja

README.md

@@ -1,2 +1,78 @@
-# How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid
-This demo shows how to refresh sorting dynamically when the items source collection changes in .NET MAUI DataGrid (SfDataGrid)?
+# How to refresh sorting dynamically when items source collection changes in .NET MAUI DataGrid SfDataGrid
+This demo shows how to refresh sorting dynamically when the items source collection changes in the Syncfusion [.NET MAUI DataGrid](https://help.syncfusion.com/maui/datagrid/overview) `SfDataGrid`. By using this sample we can apply the sorting to the updated DatGrid automatically.
+
+## Xaml
+```
+ <ContentPage.BindingContext>
+    <local:OrderInfoRepository x:Name="viewModel" />
+</ContentPage.BindingContext>
+
+<Grid RowDefinitions="50,*">
+    <Button Text="ChangeCollection"
+         Clicked="Button_Clicked" />
+    
+    <syncfusion:SfDataGrid x:Name="dataGrid" Grid.Row="1" LiveDataUpdateMode="AllowDataShaping"
+                        ItemsSource="{Binding OrderInfoCollection}">
+        <syncfusion:SfDataGrid.Columns>
+            <syncfusion:DataGridTextColumn MappingName="OrderID"
+                                        HeaderText="Order ID" />
+        </syncfusion:SfDataGrid.Columns>
+        <syncfusion:SfDataGrid.SortColumnDescriptions>
+            <syncfusion:SortColumnDescription ColumnName="OrderID"
+                                           SortDirection="Descending" />
+        </syncfusion:SfDataGrid.SortColumnDescriptions>
+    </syncfusion:SfDataGrid>
+</Grid>
+```
+
+   ## Xaml.cs
+```
+public partial class MainPage : ContentPage
+{
+    public MainPage()
+    {
+        InitializeComponent();
+    }
+
+    private void Button_Clicked(object sender, EventArgs e)
+    {
+        viewModel.OrderInfoCollection.Clear();
+        viewModel.ChangeCollection();
+    }
+}
+```
+  ### OrderInfoRepository.cs
+```
+public void ChangeCollection()
+{
+    orderInfo.Add(new OrderInfo("2001", "Selena Alvarad", "Sweden", "BERGS", "London"));
+    orderInfo.Add(new OrderInfo("2002", "Sandra Altamirano", "Mexico", "ANATR", "Mexico D.F."));
+    orderInfo.Add(new OrderInfo("2003", "Oscar Alpuerto", "France", "BLONP", "Strasbourg"));
+    orderInfo.Add(new OrderInfo("2004", "Cecil Allison", "UK", "AROUT", "London"));
+    orderInfo.Add(new OrderInfo("2005", "Tim Adams", "Germany", "ALFKI", "Berlin"));
+    orderInfo.Add(new OrderInfo("2006", "Michael Allen", "Canada", "BOTTM", "Lenny Lin"));
+    orderInfo.Add(new OrderInfo("2007", "Andrew Fuller", "France", "BLONP", "Strasbourg"));
+    orderInfo.Add(new OrderInfo("2008", "Martin King", "Spain", "BOLID", "Madrid"));
+    orderInfo.Add(new OrderInfo("2009", "Phyllis Allen", "France", "BONAP", "Marsiella"));
+    orderInfo.Add(new OrderInfo("2010", "John Carter", "UK", "AROUT", "London"));
+    orderInfo.Add(new OrderInfo("2011", "Marvin Allen", "Sweden", "BERGS", "London"));
+    orderInfo.Add(new OrderInfo("2012", "Anne Wilson", "Germany", "BLAUS", "Mannheim"));
+    orderInfo.Add(new OrderInfo("2013", "Sean Jacobson", "Mexico", "ANTON", "Mexico D.F."));
+    orderInfo.Add(new OrderInfo("2014", "Gina Irene", "UK", "AROUT", "London"));
+}
+```
+
+Executing the code example above yields the following output
+
+<img src="https://github.com/user-attachments/assets/94730d54-b826-4831-bef3-ae2148a8489d" width=800/>
+
+View sample in [GitHub](https://github.com/SyncfusionExamples/How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid/tree/Refresh_Sorting)
+
+ Take a moment to explore this [documentation](https://help.syncfusion.com/maui/datagrid/overview), where you can find more information about Syncfusion .NET MAUI DataGrid (SfDataGrid) with code examples. Please refer to this [link](https://www.syncfusion.com/maui-controls/maui-datagrid) to learn about the essential features of Syncfusion .NET MAUI DataGrid (SfDataGrid).
+
+### Conclusion
+I hope you enjoyed learning about How to implement select all checkbox column in SfDataGrid.
+
+You can refer to our [.NET MAUI DataGrid’s feature tour](https://www.syncfusion.com/maui-controls/maui-datagrid) page to learn about its other groundbreaking feature representations. You can also explore our [.NET MAUI DataGrid Documentation](https://help.syncfusion.com/maui/datagrid/getting-started) to understand how to present and manipulate data. For current customers, you can check out our .NET MAUI components on the [License and Downloads](https://www.syncfusion.com/sales/teamlicense) page. If you are new to Syncfusion, you can try our 30-day [free trial](https://www.syncfusion.com/downloads/maui) to explore our .NET MAUI DataGrid and other .NET MAUI components.
+
+If you have any queries or require clarifications, please let us know in the comments below. You can also contact us through our [support forums](https://www.syncfusion.com/forums),[Direct-Trac](https://support.syncfusion.com/create) or [feedback portal](https://www.syncfusion.com/feedback/maui?control=sfdatagrid), or the feedback portal. We are always happy to assist you!

SfDataGridSample/.vs/ProjectEvaluation/sfdatagridsample.metadata.v9.bin

@@ -0,0 +1,122 @@
+{
+  "Version": 1,
+  "WorkspaceRootPath": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\",
+  "Documents": [
+    {
+      "AbsoluteMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|d:\\git\\refresh_sorting\\how-to-refresh-sorting-when-items-source-collection-changes-in-.net-maui-datagrid-sfdatagrid\\sfdatagridsample\\sfdatagridsample\\mainpage.xaml||{F11ACC28-31D1-4C80-A34B-F4E09D3D753C}",
+      "RelativeMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|solutionrelative:sfdatagridsample\\mainpage.xaml||{F11ACC28-31D1-4C80-A34B-F4E09D3D753C}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|d:\\git\\refresh_sorting\\how-to-refresh-sorting-when-items-source-collection-changes-in-.net-maui-datagrid-sfdatagrid\\sfdatagridsample\\sfdatagridsample\\sfdatagridsample.csproj||{FA3CD31E-987B-443A-9B81-186104E8DAC1}|",
+      "RelativeMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|solutionrelative:sfdatagridsample\\sfdatagridsample.csproj||{FA3CD31E-987B-443A-9B81-186104E8DAC1}|"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|d:\\git\\refresh_sorting\\how-to-refresh-sorting-when-items-source-collection-changes-in-.net-maui-datagrid-sfdatagrid\\sfdatagridsample\\sfdatagridsample\\viewmodel\\orderinforepository.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}",
+      "RelativeMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|solutionrelative:sfdatagridsample\\viewmodel\\orderinforepository.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|d:\\git\\refresh_sorting\\how-to-refresh-sorting-when-items-source-collection-changes-in-.net-maui-datagrid-sfdatagrid\\sfdatagridsample\\sfdatagridsample\\model\\orderinfo.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}",
+      "RelativeMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|solutionrelative:sfdatagridsample\\model\\orderinfo.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}"
+    },
+    {
+      "AbsoluteMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|d:\\git\\refresh_sorting\\how-to-refresh-sorting-when-items-source-collection-changes-in-.net-maui-datagrid-sfdatagrid\\sfdatagridsample\\sfdatagridsample\\mainpage.xaml.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}",
+      "RelativeMoniker": "D:0:0:{1C376DAF-3809-446B-996B-371DBB2A563A}|SfDataGridSample\\SfDataGridSample.csproj|solutionrelative:sfdatagridsample\\mainpage.xaml.cs||{A6C744A8-0E4A-4FC6-886A-064283054674}"
+    }
+  ],
+  "DocumentGroupContainers": [
+    {
+      "Orientation": 0,
+      "VerticalTabListWidth": 256,
+      "DocumentGroups": [
+        {
+          "DockedWidth": 200,
+          "SelectedChildIndex": 7,
+          "Children": [
+            {
+              "$type": "Bookmark",
+              "Name": "ST:0:0:{34e76e81-ee4a-11d0-ae2e-00a0c90fffc3}"
+            },
+            {
+              "$type": "Bookmark",
+              "Name": "ST:128:0:{1fc202d4-d401-403c-9834-5b218574bb67}"
+            },
+            {
+              "$type": "Bookmark",
+              "Name": "ST:129:0:{1fc202d4-d401-403c-9834-5b218574bb67}"
+            },
+            {
+              "$type": "Bookmark",
+              "Name": "ST:130:0:{1fc202d4-d401-403c-9834-5b218574bb67}"
+            },
+            {
+              "$type": "Bookmark",
+              "Name": "ST:128:0:{116d2292-e37d-41cd-a077-ebacac4c8cc4}"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 1,
+              "Title": "SfDataGridSample.csproj",
+              "DocumentMoniker": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\SfDataGridSample.csproj",
+              "RelativeDocumentMoniker": "SfDataGridSample\\SfDataGridSample.csproj",
+              "ToolTip": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\SfDataGridSample.csproj",
+              "RelativeToolTip": "SfDataGridSample\\SfDataGridSample.csproj",
+              "ViewState": "AgIAADAAAAAAAAAAAAAAAEIAAAAAAAAAAAAAAA==",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000758|",
+              "WhenOpened": "2025-05-28T11:52:40.037Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 4,
+              "Title": "MainPage.xaml.cs",
+              "DocumentMoniker": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\MainPage.xaml.cs",
+              "RelativeDocumentMoniker": "SfDataGridSample\\MainPage.xaml.cs",
+              "ToolTip": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\MainPage.xaml.cs",
+              "RelativeToolTip": "SfDataGridSample\\MainPage.xaml.cs",
+              "ViewState": "AgIAAAUAAAAAAAAAAAAAwA4AAAAiAAAAAAAAAA==",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
+              "WhenOpened": "2025-05-28T11:20:06.45Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 0,
+              "Title": "MainPage.xaml",
+              "DocumentMoniker": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\MainPage.xaml",
+              "RelativeDocumentMoniker": "SfDataGridSample\\MainPage.xaml",
+              "ToolTip": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\MainPage.xaml",
+              "RelativeToolTip": "SfDataGridSample\\MainPage.xaml",
+              "ViewState": "AgIAAAkAAAAAAAAAAAAowA0AAAAoAAAAAAAAAA==",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.003549|",
+              "WhenOpened": "2025-05-28T11:18:26.71Z",
+              "EditorCaption": ""
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 2,
+              "Title": "OrderInfoRepository.cs",
+              "DocumentMoniker": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\ViewModel\\OrderInfoRepository.cs",
+              "RelativeDocumentMoniker": "SfDataGridSample\\ViewModel\\OrderInfoRepository.cs",
+              "ToolTip": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\ViewModel\\OrderInfoRepository.cs",
+              "RelativeToolTip": "SfDataGridSample\\ViewModel\\OrderInfoRepository.cs",
+              "ViewState": "AgIAAAsAAAAAAAAAAAAAwDUAAABZAAAAAAAAAA==",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
+              "WhenOpened": "2025-05-28T11:17:27.295Z"
+            },
+            {
+              "$type": "Document",
+              "DocumentIndex": 3,
+              "Title": "OrderInfo.cs",
+              "DocumentMoniker": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\Model\\OrderInfo.cs",
+              "RelativeDocumentMoniker": "SfDataGridSample\\Model\\OrderInfo.cs",
+              "ToolTip": "D:\\GIT\\Refresh_Sorting\\How-to-refresh-sorting-when-items-source-collection-changes-in-.NET-MAUI-DataGrid-SfDataGrid\\SfDataGridSample\\SfDataGridSample\\Model\\OrderInfo.cs",
+              "RelativeToolTip": "SfDataGridSample\\Model\\OrderInfo.cs",
+              "ViewState": "AgIAAAAAAAAAAAAAAAAAAAYAAAAaAAAAAAAAAA==",
+              "Icon": "ae27a6b0-e345-4288-96df-5eaf394ee369.000738|",
+              "WhenOpened": "2025-05-28T11:17:04.027Z"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}