"WASM with Per Page and Individual" sample modified

rajendranr-5483 · rajendranr-5483 · commit db7186b5d92e · 2023-11-20T12:36:35.000+05:30
diff --git a/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/Pages/Home.razor b/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/Pages/Home.razor
@@ -0,0 +1,28 @@
+﻿@page "/"
+@rendermode InteractiveWebAssembly
+
+@using Syncfusion.Blazor.Grids
+
+<PageTitle>Home</PageTitle>
+
+<SfGrid DataSource="@Orders" AllowPaging="true" AllowSorting="true" AllowFiltering="true" AllowGrouping="true" />
+
+@code {
+    public List<Order> Orders { get; set; }
+
+    protected override void OnInitialized()
+    {
+        Orders = Enumerable.Range(1, 50).Select(x => new Order()
+            {
+                OrderID = 0 + x,
+                CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)],
+            }).ToList();
+    }
+
+    public class Order
+    {
+        public int? OrderID { get; set; }
+        public string CustomerID { get; set; }
+
+    }
+}
diff --git a/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/Program.cs b/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/Program.cs
@@ -1,9 +1,11 @@
 using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using WASM_with_Per_Page_and_Individual.Client;
+using Syncfusion.Blazor;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 
+builder.Services.AddSyncfusionBlazor();
 builder.Services.AddAuthorizationCore();
 builder.Services.AddCascadingAuthenticationState();
 builder.Services.AddSingleton<AuthenticationStateProvider, PersistentAuthenticationStateProvider>();
diff --git a/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/WASM with Per Page and Individual.Client.csproj b/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/WASM with Per Page and Individual.Client.csproj
@@ -13,6 +13,8 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Authentication" Version="8.0.0" />
+  	<PackageReference Include="Syncfusion.Blazor.Themes" Version="23.2.4" />
+	  <PackageReference Include="Syncfusion.Blazor.Grid" Version="23.2.4" />
   </ItemGroup>
 
 </Project>
diff --git a/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/_Imports.razor b/WASM with Per Page and Individual/WASM with Per Page and Individual.Client/_Imports.razor
@@ -8,3 +8,5 @@
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
 @using WASM_with_Per_Page_and_Individual.Client
+@using Syncfusion.Blazor
+@using Syncfusion.Blazor.Grids
diff --git a/WASM with Per Page and Individual/WASM with Per Page and Individual/Components/App.razor b/WASM with Per Page and Individual/WASM with Per Page and Individual/Components/App.razor
@@ -7,14 +7,16 @@
     <base href="/" />
     <link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
     <link rel="stylesheet" href="app.css" />
-    <link rel="stylesheet" href="WASM with Per Page and Individual.styles.css" />
+    @* <link rel="stylesheet" href="WASM with Per Page and Individual.styles.css" /> *@
     <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="stylesheet" href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" />
     <HeadOutlet />
 </head>
 
 <body>
     <Routes />
     <script src="_framework/blazor.web.js"></script>
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js"></script>
 </body>
 
 </html>
diff --git a/WASM with Per Page and Individual/WASM with Per Page and Individual/Components/Pages/Home.razor b/WASM with Per Page and Individual/WASM with Per Page and Individual/Components/Pages/Home.razor
diff --git a/WASM with Per Page and Individual/WASM with Per Page and Individual/Program.cs b/WASM with Per Page and Individual/WASM with Per Page and Individual/Program.cs
@@ -5,13 +5,15 @@
 using WASM_with_Per_Page_and_Individual.Components;
 using WASM_with_Per_Page_and_Individual.Components.Account;
 using WASM_with_Per_Page_and_Individual.Data;
+using Syncfusion.Blazor;
 
 var builder = WebApplication.CreateBuilder(args);
 
 // Add services to the container.
 builder.Services.AddRazorComponents()
     .AddInteractiveWebAssemblyComponents();
 
+builder.Services.AddSyncfusionBlazor();
 builder.Services.AddCascadingAuthenticationState();
 builder.Services.AddScoped<IdentityUserAccessor>();
 builder.Services.AddScoped<IdentityRedirectManager>();
