"ServerWASM with Global and None"

rajendranr-5483 · rajendranr-5483 · commit dbafe11ca176 · 2023-11-20T15:46:06.000+05:30
diff --git a/ServerWASM with Global and None/ServerWASM with Global and None.Client/Pages/Home.razor b/ServerWASM with Global and None/ServerWASM with Global and None.Client/Pages/Home.razor
@@ -1,7 +1,27 @@
 ﻿@page "/"
 
+@using Syncfusion.Blazor.Grids
+
 <PageTitle>Home</PageTitle>
 
-<h1>Hello, world!</h1>
+<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; }
 
-Welcome to your new app.
+    }
+}
diff --git a/ServerWASM with Global and None/ServerWASM with Global and None.Client/Program.cs b/ServerWASM with Global and None/ServerWASM with Global and None.Client/Program.cs
@@ -1,5 +1,7 @@
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using Syncfusion.Blazor;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 
+builder.Services.AddSyncfusionBlazor();
 await builder.Build().RunAsync();
diff --git a/ServerWASM with Global and None/ServerWASM with Global and None.Client/ServerWASM with Global and None.Client.csproj b/ServerWASM with Global and None/ServerWASM with Global and None.Client/ServerWASM with Global and None.Client.csproj
@@ -1,17 +1,19 @@
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
 
-  <PropertyGroup>
-    <TargetFramework>net8.0</TargetFramework>
-    <ImplicitUsings>enable</ImplicitUsings>
-    <Nullable>enable</Nullable>
-    <NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
-    <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
-    <RootNamespace>ServerWASM with Global and None.Client</RootNamespace>
-    <AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
-  </PropertyGroup>
+	<PropertyGroup>
+		<TargetFramework>net8.0</TargetFramework>
+		<ImplicitUsings>enable</ImplicitUsings>
+		<Nullable>enable</Nullable>
+		<NoDefaultLaunchSettingsFile>true</NoDefaultLaunchSettingsFile>
+		<StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
+		<RootNamespace>ServerWASM with Global and None.Client</RootNamespace>
+		<AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
+	</PropertyGroup>
 
-  <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-  </ItemGroup>
+	<ItemGroup>
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" 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/ServerWASM with Global and None/ServerWASM with Global and None/Components/App.razor b/ServerWASM with Global and None/ServerWASM with Global and None/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="ServerWASM with Global and None.styles.css" />
+    @* <link rel="stylesheet" href="ServerWASM with Global and None.styles.css" /> *@
     <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="stylesheet" href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" />
     <HeadOutlet @rendermode="@InteractiveAuto" />
 </head>
 
 <body>
     <Routes @rendermode="@InteractiveAuto" />
     <script src="_framework/blazor.web.js"></script>
+    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js"></script>
 </body>
 
 </html>
diff --git a/ServerWASM with Global and None/ServerWASM with Global and None/Program.cs b/ServerWASM with Global and None/ServerWASM with Global and None/Program.cs
@@ -1,5 +1,6 @@
 using ServerWASM_with_Global_and_None.Client.Pages;
 using ServerWASM_with_Global_and_None.Components;
+using Syncfusion.Blazor;
 
 var builder = WebApplication.CreateBuilder(args);
 
@@ -8,6 +9,7 @@
     .AddInteractiveServerComponents()
     .AddInteractiveWebAssemblyComponents();
 
+builder.Services.AddSyncfusionBlazor();
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.
