Migrate Grid Dapper example to v3.0 (#162)

* Migrate Grid Dapper example to v3.0

* docs(grid): link dapper sample attribution

* chore(grid): remove unnecessary dapper gitignore file

Co-authored-by: Dimo Dimov <dimo@Dimos-MacBook-Pro.local>
Co-authored-by: Marin Bratanov <m.bratanov@gmail.com>

Author: 3 people

grid/dapper/.gitignore

@@ -3,7 +3,7 @@
 Demonstrates a Telerik Grid in Blazor, using the OnRead event along with Dapper and Dapper.SqlBuilder, to generate your SQL queries on the fly supporting most aspects of Telerik Grid.
 Telerik Grid works nicely with Entity Framework, you can use `.ToDataSourceResultAsync()` and everything for sorting etc happens on the database. If you are using Dapper you can use that, however as Dapper doesn't return an IQueryable, you will be fetching the entire dataset and then filtering, paging and sorting in code, rather than on your database.
 
-**Special thanks to @pingu2k4 for the sample.**
+**Special thanks to [@pingu2k4](https://github.com/pingu2k4) for the sample.**
 
 ## Features
 - [x] Paging

grid/dapper/README.md

@@ -3,18 +3,17 @@
 
 <h3>Products</h3>
 
-<TelerikGrid Data="ProductList"
+<TelerikGrid TItem="@Product"
              Class="overflow-auto mb-4"
-             OnRead="ReadItems"
-             TotalCount="ProductCount"
+             OnRead="@ReadItems"
              Pageable="true"
              Sortable="true"
              FilterMode="GridFilterMode.FilterMenu"
              Resizable="true"
              Reorderable="true"
              Height="600px"
              @bind-PageSize="PageSize"
-             @ref="Grid">
+             @ref="@Grid">
     <GridToolBar>
         <GridCommandButton Icon="arrow-rotate-cw" OnClick="RefreshTable">Refresh</GridCommandButton>
         <GridCommandButton Command="ExcelExport" Icon="file-excel">Export .xlsx</GridCommandButton>
@@ -41,20 +40,18 @@
 
 @code {
     private TelerikGrid<Product> Grid { get; set; }
-    private List<Product> ProductList { get; set; }
-    private int ProductCount { get; set; }
     private int PageSize { get; set; } = 10;
     private List<int?> PageSizes = new List<int?> { 5, 10, 25, 50, null };
 
     private async Task ReadItems(GridReadEventArgs args)
     {
         var result = await _productDataService.GetProducts(args.Request);
-        ProductList = result.Results;
-        ProductCount = result.Count;
+        args.Data = result.Results;
+        args.Total = result.Count;
     }
 
     private async Task RefreshTable()
     {
-        await Grid.SetState(Grid.GetState());
+        Grid.Rebind();
     }
 }

grid/dapper/dapper/TelerikBlazorGrid-Dapper.Blazor/Pages/Products.razor

@@ -8,8 +8,8 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Telerik.DataSource" Version="2.0.11" />
-    <PackageReference Include="Telerik.UI.for.Blazor" Version="2.27.0" />
+    <PackageReference Include="Telerik.DataSource" Version="2.1.1" />
+    <PackageReference Include="Telerik.UI.for.Blazor" Version="3.0.1" />
   </ItemGroup>
 
   <ItemGroup>

grid/dapper/dapper/TelerikBlazorGrid-Dapper.Blazor/TelerikBlazorGrid-Dapper.Blazor.csproj

@@ -11,7 +11,7 @@
     <PackageReference Include="Dapper" Version="2.0.90" />
     <PackageReference Include="Dapper.SqlBuilder" Version="2.0.78" />
     <PackageReference Include="System.Data.SqlClient" Version="4.8.3" />
-    <PackageReference Include="Telerik.DataSource" Version="2.0.11" />
+    <PackageReference Include="Telerik.DataSource" Version="2.1.1" />
   </ItemGroup>
 
 </Project>