Update the project

App.razor

@@ -1,11 +1,12 @@
-
-<Router AppAssembly="@typeof(Program).Assembly">
- <Found Context="routeData">
- <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
- </Found>
- <NotFound>
- <LayoutView Layout="@typeof(MainLayout)">
- <p>Sorry, there's nothing at this address.</p>
- </LayoutView>
- </NotFound>
-</Router>
+<Router AppAssembly="@typeof(App).Assembly">
+ <Found Context="routeData">
+ <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+ <FocusOnNavigate RouteData="@routeData" Selector="h1" />
+ </Found>
+ <NotFound>
+ <PageTitle>Not found</PageTitle>
+ <LayoutView Layout="@typeof(MainLayout)">
+ <p role="alert">Sorry, there's nothing at this address.</p>
+ </LayoutView>
+ </NotFound>
+</Router>

CreatingTreeViewSample.csproj

@@ -0,0 +1,14 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+ <PropertyGroup>
+ <TargetFramework>net7.0</TargetFramework>
+ <Nullable>enable</Nullable>
+ <ImplicitUsings>enable</ImplicitUsings>
+ </PropertyGroup>
+
+ <ItemGroup>
+ <PackageReference Include="Syncfusion.Blazor.Navigations" Version="23.1.38" />
+ <PackageReference Include="Syncfusion.Blazor.Themes" Version="23.1.38" />
+ </ItemGroup>
+
+</Project>

MyBlazorServerApp.sln → CreatingTreeViewSample.sln

@@ -1,25 +1,25 @@
-
-Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 16
-VisualStudioVersion = 16.0.30002.166
-MinimumVisualStudioVersion = 10.0.40219.1
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "MyBlazorServerApp", "MyBlazorServerApp.csproj", "{0A1D5CB2-288C-4FAD-9303-68C71FA3BEAC}"
-EndProject
-Global
-GlobalSection(SolutionConfigurationPlatforms) = preSolution
-Debug|Any CPU = Debug|Any CPU
-Release|Any CPU = Release|Any CPU
-EndGlobalSection
-GlobalSection(ProjectConfigurationPlatforms) = postSolution
-{0A1D5CB2-288C-4FAD-9303-68C71FA3BEAC}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-{0A1D5CB2-288C-4FAD-9303-68C71FA3BEAC}.Debug|Any CPU.Build.0 = Debug|Any CPU
-{0A1D5CB2-288C-4FAD-9303-68C71FA3BEAC}.Release|Any CPU.ActiveCfg = Release|Any CPU
-{0A1D5CB2-288C-4FAD-9303-68C71FA3BEAC}.Release|Any CPU.Build.0 = Release|Any CPU
-EndGlobalSection
-GlobalSection(SolutionProperties) = preSolution
-HideSolutionNode = FALSE
-EndGlobalSection
-GlobalSection(ExtensibilityGlobals) = postSolution
-SolutionGuid = {AD674844-8804-4375-B329-B394835F24A1}
-EndGlobalSection
-EndGlobal
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.4.33213.308
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CreatingTreeViewSample", "CreatingTreeViewSample.csproj", "{0A84F002-C41D-4219-9127-8F7B5713248C}"
+EndProject
+Global
+GlobalSection(SolutionConfigurationPlatforms) = preSolution
+Debug|Any CPU = Debug|Any CPU
+Release|Any CPU = Release|Any CPU
+EndGlobalSection
+GlobalSection(ProjectConfigurationPlatforms) = postSolution
+{0A84F002-C41D-4219-9127-8F7B5713248C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+{0A84F002-C41D-4219-9127-8F7B5713248C}.Debug|Any CPU.Build.0 = Debug|Any CPU
+{0A84F002-C41D-4219-9127-8F7B5713248C}.Release|Any CPU.ActiveCfg = Release|Any CPU
+{0A84F002-C41D-4219-9127-8F7B5713248C}.Release|Any CPU.Build.0 = Release|Any CPU
+EndGlobalSection
+GlobalSection(SolutionProperties) = preSolution
+HideSolutionNode = FALSE
+EndGlobalSection
+GlobalSection(ExtensibilityGlobals) = postSolution
+SolutionGuid = {701B4970-DBAC-4E6D-9F06-DD4646F8993C}
+EndGlobalSection
+EndGlobal

Data/WeatherForecast.cs

@@ -1,15 +1,13 @@
-using System;
-
-namespace MyBlazorServerApp.Data
-{
- public class WeatherForecast
- {
- public DateTime Date { get; set; }
-
- public int TemperatureC { get; set; }
-
- public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
-
- public string Summary { get; set; }
- }
-}
+namespace CreatingTreeViewSample.Data
+{
+ public class WeatherForecast
+ {
+ public DateOnly Date { get; set; }
+
+ public int TemperatureC { get; set; }
+
+ public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
+
+ public string? Summary { get; set; }
+ }
+}

Data/WeatherForecastService.cs

@@ -1,25 +1,20 @@
-using System;
-using System.Linq;
-using System.Threading.Tasks;
-
-namespace MyBlazorServerApp.Data
-{
- public class WeatherForecastService
- {
- private static readonly string[] Summaries = new[]
- {
- "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
- };
-
- public Task<WeatherForecast[]> GetForecastAsync(DateTime startDate)
- {
- var rng = new Random();
- return Task.FromResult(Enumerable.Range(1, 5).Select(index => new WeatherForecast
- {
- Date = startDate.AddDays(index),
- TemperatureC = rng.Next(-20, 55),
- Summary = Summaries[rng.Next(Summaries.Length)]
- }).ToArray());
- }
- }
-}
+namespace CreatingTreeViewSample.Data
+{
+ public class WeatherForecastService
+ {
+ private static readonly string[] Summaries = new[]
+ {
+ "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
+ };
+
+ public Task<WeatherForecast[]> GetForecastAsync(DateOnly startDate)
+ {
+ return Task.FromResult(Enumerable.Range(1, 5).Select(index => new WeatherForecast
+ {
+ Date = startDate.AddDays(index),
+ TemperatureC = Random.Shared.Next(-20, 55),
+ Summary = Summaries[Random.Shared.Next(Summaries.Length)]
+ }).ToArray());
+ }
+ }
+}

Pages/Counter.razor

@@ -1,16 +1,18 @@
-@page "/counter"
-
-<h1>Counter</h1>
-
-<p>Current count: @currentCount</p>
-
-<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
-
-@code {
- private int currentCount = 0;
-
- private void IncrementCount()
- {
- currentCount++;
- }
-}
+@page "/counter"
+
+<PageTitle>Counter</PageTitle>
+
+<h1>Counter</h1>
+
+<p role="status">Current count: @currentCount</p>
+
+<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
+
+@code {
+ private int currentCount = 0;
+
+ private void IncrementCount()
+ {
+ currentCount++;
+ }
+}

Pages/Error.cshtml

@@ -0,0 +1,42 @@
+@page
+@model CreatingTreeViewSample.Pages.ErrorModel
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+ <title>Error</title>
+ <link href="~/css/bootstrap/bootstrap.min.css" rel="stylesheet" />
+ <link href="~/css/site.css" rel="stylesheet" asp-append-version="true" />
+</head>
+
+<body>
+ <div class="main">
+ <div class="content px-4">
+ <h1 class="text-danger">Error.</h1>
+ <h2 class="text-danger">An error occurred while processing your request.</h2>
+
+ @if (Model.ShowRequestId)
+ {
+ <p>
+ <strong>Request ID:</strong> <code>@Model.RequestId</code>
+ </p>
+ }
+
+ <h3>Development Mode</h3>
+ <p>
+ Swapping to the <strong>Development</strong> environment displays detailed information about the error that occurred.
+ </p>
+ <p>
+ <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+ It can result in displaying sensitive information from exceptions to end users.
+ For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+ and restarting the app.
+ </p>
+ </div>
+ </div>
+</body>
+
+</html>

Pages/Error.cshtml.cs

@@ -0,0 +1,27 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using System.Diagnostics;
+
+namespace CreatingTreeViewSample.Pages
+{
+ [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+ [IgnoreAntiforgeryToken]
+ public class ErrorModel : PageModel
+ {
+ public string? RequestId { get; set; }
+
+ public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+ private readonly ILogger<ErrorModel> _logger;
+
+ public ErrorModel(ILogger<ErrorModel> logger)
+ {
+ _logger = logger;
+ }
+
+ public void OnGet()
+ {
+ RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier;
+ }
+ }
+}