Added Save/Load settings support for DataGrid columns without Property

Fix #1058
radzenhq · Aug 7, 2023 · be1a6cc · be1a6cc
1 parent 32525a0
commit be1a6cc
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/Radzen.Blazor/Common.cs b/Radzen.Blazor/Common.cs
@@ -61,6 +61,11 @@ public class DataGridSettings
     /// </summary>
     public class DataGridColumnSettings
     {
+        /// <summary>
+        /// Property.
+        /// </summary>
+        public string UniqueID { get; set; }
+
         /// <summary>
         /// Property.
         /// </summary>

diff --git a/Radzen.Blazor/RadzenDataGrid.razor.cs b/Radzen.Blazor/RadzenDataGrid.razor.cs
@@ -2871,8 +2871,9 @@ internal void SaveSettings()
             {
                 settings = new DataGridSettings()
                 {
-                    Columns = ColumnsCollection.ToList().Where(c => !string.IsNullOrEmpty(c.Property)).Select(c => new DataGridColumnSettings()
+                    Columns = ColumnsCollection.ToList().Select(c => new DataGridColumnSettings()
                     {
+                        UniqueID = c.UniqueID,
                         Property = c.Property,
                         Width = c.GetWidth(),
                         Visible = c.GetVisible(),
@@ -2913,7 +2914,8 @@ internal async Task LoadSettings(DataGridSettings settings)
                 {
                     foreach (var column in settings.Columns.OrderBy(c => c.SortIndex))
                     {
-                        var gridColumn = ColumnsCollection.Where(c => c.Property == column.Property).FirstOrDefault();
+                        var gridColumn = ColumnsCollection.Where(c => c.Property == column.Property).FirstOrDefault() ??
+                                ColumnsCollection.Where(c => c.UniqueID == column.UniqueID).FirstOrDefault();
                         if (gridColumn != null)
                         {
                             // Sorting
@@ -2927,7 +2929,8 @@ internal async Task LoadSettings(DataGridSettings settings)
 
                     foreach (var column in settings.Columns)
                     {
-                        var gridColumn = ColumnsCollection.Where(c => c.Property == column.Property).FirstOrDefault();
+                        var gridColumn = ColumnsCollection.Where(c => c.Property == column.Property).FirstOrDefault() ??
+                                ColumnsCollection.Where(c => c.UniqueID == column.UniqueID).FirstOrDefault();
                         if (gridColumn != null)
                         {
                             // Visibility

diff --git a/Radzen.Blazor/RadzenDataGridColumn.razor.cs b/Radzen.Blazor/RadzenDataGridColumn.razor.cs
@@ -106,11 +106,19 @@ internal int GetRowSpan(bool isDataCell = false)
         Type _propertyType;
         internal Type PropertyType => _propertyType;
 
+        /// <summary>
+        /// Gets or sets the unique identifier.
+        /// </summary>
+        /// <value>The unique identifier.</value>
+        public string UniqueID { get; set; }
+
         /// <summary>
         /// Called when initialized.
         /// </summary>
         protected override void OnInitialized()
         {
+            UniqueID = Convert.ToBase64String(Guid.NewGuid().ToByteArray()).Replace("/", "-").Replace("+", "-").Substring(0, 10);
+
             if (Grid != null)
             {
                 Grid.AddColumn(this);

diff --git a/RadzenBlazorDemos/Pages/DataGridSaveSettings.razor b/RadzenBlazorDemos/Pages/DataGridSaveSettings.razor
@@ -20,7 +20,7 @@
                 AllowColumnResize="true" AllowColumnReorder="true" ColumnWidth="200px"
                 FilterPopupRenderMode="PopupRenderMode.OnDemand" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" Data="@employees" TItem="Employee">
     <Columns>
-        <RadzenDataGridColumn TItem="Employee" Property="Photo" Title="Employee" Sortable="false" Filterable="false">
+        <RadzenDataGridColumn TItem="Employee" Title="Employee" Sortable="false" Filterable="false">
             <Template Context="data">
                 <RadzenImage Path="@data.Photo" style="width: 40px; height: 40px; border-radius: 8px; margin-right: 8px;" />
                 @data.FirstName @data.LastName