SelectedItems support added.

Author: gvreddy04

BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_01_A_Selection.razor

@@ -2,7 +2,7 @@
       Class="table table-hover table-bordered"
       DataProvider="EmployeesDataProvider"
       AllowSelection="true"
-      SelectedItemsChanged="OnSelectedItemsChanged"
+      @bind-SelectedItems="@selectedEmployees"
       Responsive="true">
 
     <GridColumns>
@@ -69,10 +69,4 @@
             new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },
         };
     }
-
-    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)
-    {
-        selectedEmployees = employees is not null && employees.Any() ? employees : new();
-        return Task.CompletedTask;
-    }
 }

BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_01_B_Default_Selection.razor

@@ -71,10 +71,4 @@
             new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },
         };
     }
-
-    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)
-    {
-        selectedEmployees = employees is not null && employees.Any() ? employees : new();
-        return Task.CompletedTask;
-    }
 }

BlazorBootstrap.Demo.RCL/Components/Pages/Grid/06-selection/Grid_Demo_02_A_Multiple_Selection.razor

@@ -1,11 +1,11 @@
 <Grid TItem="Employee1"
-Class="table table-hover table-bordered"
-DataProvider="EmployeesDataProvider"
-AllowFiltering="true"
-AllowSelection="true"
-SelectionMode="GridSelectionMode.Multiple"
-SelectedItemsChanged="OnSelectedItemsChanged"
-Responsive="true">
+      Class="table table-hover table-bordered"
+      DataProvider="EmployeesDataProvider"
+      AllowFiltering="true"
+      AllowSelection="true"
+      SelectionMode="GridSelectionMode.Multiple"
+      @bind-SelectedItems="@selectedEmployees"
+      Responsive="true">
 
     <GridColumns>
         <GridColumn TItem="Employee1" HeaderText="Id" PropertyName="Id">
@@ -44,7 +44,10 @@ Responsive="true">
 @code {
     private IEnumerable<Employee1> employees = default!;
 
-    private HashSet<Employee1> selectedEmployees = new();
+    private HashSet<Employee1> selectedEmployees = new(){
+        new Employee1 { Id = 102, Name = "Line", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },
+        new Employee1 { Id = 101, Name = "Daniel", Designation = "Architect", DOJ = new DateOnly(1977, 1, 12), IsActive = true },
+    };
 
     private async Task<GridDataProviderResult<Employee1>> EmployeesDataProvider(GridDataProviderRequest<Employee1> request)
     {
@@ -71,11 +74,4 @@ Responsive="true">
             new Employee1 { Id = 109, Name = "Isha", Designation = "App Maker", DOJ = new DateOnly(1996, 7, 1), IsActive = true },
         };
     }
-
-    private Task OnSelectedItemsChanged(HashSet<Employee1> employees)
-    {
-        selectedEmployees = employees;
-        StateHasChanged();
-        return Task.CompletedTask;
-    }
 }

blazorbootstrap/Components/Grid/Grid.razor.cs

@@ -35,6 +35,8 @@ public partial class Grid<TItem> : BlazorBootstrapComponentBase
 
     private int pageSize;
 
+    private Queue<Func<Task>> queuedTasks = new();
+
     private bool requestInProgress = false;
 
     private HashSet<TItem> selectedItems = new();
@@ -54,6 +56,18 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
         }
 
         await base.OnAfterRenderAsync(firstRender);
+
+        // process queued tasks
+        while (true)
+        {
+            if (queuedTasks.Count == 0)
+                break;
+
+            var taskToExecute = queuedTasks.Dequeue();
+
+            if (taskToExecute is not null)
+                await taskToExecute.Invoke();
+        }
     }
 
     protected override void OnInitialized()
@@ -92,11 +106,11 @@ protected override Task OnParametersSetAsync()
                 SaveGridSettingsAsync();
             }
 
-            if (!mustRefreshData && selectedItems != SelectedItems)
-            {
-                mustRefreshData = true;
-                SelectedItems = selectedItems;
-            }
+            //if (!mustRefreshData && selectedItems != SelectedItems)
+            //{
+            //    mustRefreshData = true;
+            //    SelectedItems = selectedItems;
+            //}
 
             // We want to trigger the first data load when we've collected the initial set of columns
             // because they might perform some action, like setting the default sort order. 
@@ -168,13 +182,13 @@ internal async Task RefreshDataAsync(bool firstRender = false, CancellationToken
             await LoadGridSettingsAsync();
 
         var request = new GridDataProviderRequest<TItem>
-                      {
-                          PageNumber = AllowPaging ? gridCurrentState.PageIndex : 0,
-                          PageSize = AllowPaging ? pageSize : 0,
-                          Sorting = AllowSorting ? gridCurrentState.Sorting ?? GetDefaultSorting()! : null!,
-                          Filters = AllowFiltering ? GetFilters()! : null!,
-                          CancellationToken = cancellationToken
-                      };
+        {
+            PageNumber = AllowPaging ? gridCurrentState.PageIndex : 0,
+            PageSize = AllowPaging ? pageSize : 0,
+            Sorting = AllowSorting ? gridCurrentState.Sorting ?? GetDefaultSorting()! : null!,
+            Filters = AllowFiltering ? GetFilters()! : null!,
+            CancellationToken = cancellationToken
+        };
 
         GridDataProviderResult<TItem> result = default!;
 
@@ -507,7 +521,7 @@ private Task SaveGridSettingsAsync()
 
     private async Task SelectAllItemsInternalAsync(bool selectAll)
     {
-        if(SelectionMode != GridSelectionMode.Multiple)
+        if (SelectionMode != GridSelectionMode.Multiple)
             return;
 
         allItemsSelected = selectAll;
@@ -526,7 +540,12 @@ private async Task SelectAllItemsInternalAsync(bool selectAll)
             SelectedItems = selectedItems;
     }
 
-    private async Task SetCheckboxStateAsync(string id, CheckboxState checkboxState) => await JSRuntime.InvokeVoidAsync("window.blazorBootstrap.grid.setSelectAllCheckboxState", id, (int)checkboxState);
+    private Task SetCheckboxStateAsync(string id, CheckboxState checkboxState)
+    {
+        queuedTasks.Enqueue(async () => await JSRuntime.InvokeVoidAsync("window.blazorBootstrap.grid.setSelectAllCheckboxState", id, (int)checkboxState));
+
+        return Task.CompletedTask;
+    }
 
     /// <summary>
     /// Set filters.

blazorbootstrap/Components/ThemeSwitcher/ThemeSwitcherJsInterop.cs

@@ -21,10 +21,17 @@ public ThemeSwitcherJsInterop(IJSRuntime jsRuntime)
 
     public async ValueTask DisposeAsync()
     {
-        if (moduleTask.IsValueCreated)
+        try
         {
-            var module = await moduleTask.Value;
-            await module.DisposeAsync();
+            if (moduleTask.IsValueCreated)
+            {
+                var module = await moduleTask.Value;
+                await module.DisposeAsync();
+            }
+        }
+        catch (JSDisconnectedException)
+        {
+            // do nothing
         }
     }