quick grid get started base

main
Peace 10 months ago
parent cac1beff04
commit 605022c317
  1. 6
      HelloBlazorServer/HelloBlazorServer/Components/Layout/NavMenu.razor
  2. 23
      HelloBlazorServer/HelloBlazorServer/Components/Pages/QGGetStarted.razor
  3. 2
      HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj

@ -24,6 +24,12 @@
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="qggetStarted">
<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> QG GetStarted
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="quickgriddata">
<span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> QuickGrid Data

@ -0,0 +1,23 @@
@page "/qggetStarted"
@rendermode RenderMode.InteractiveServer
<QuickGrid Items="@people">
<PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
<PropertyColumn Property="@(p => p.Name)" Sortable="true" />
<PropertyColumn Property="@(p => p.BirthDate)" Format="yyyy-MM-dd" Sortable="true" />
</QuickGrid>
@code {
record Person(int PersonId, string Name, DateOnly BirthDate);
IQueryable<Person> people = new[]
{
new Person(10895, "Jean Martin", new DateOnly(1985, 3, 16)),
new Person(10944, "António Langa", new DateOnly(1991, 12, 1)),
new Person(11203, "Julie Smith", new DateOnly(1958, 10, 10)),
new Person(11205, "Nur Sari", new DateOnly(1922, 4, 27)),
new Person(11898, "Jose Hernandez", new DateOnly(2011, 5, 3)),
new Person(12130, "Kenji Sato", new DateOnly(2004, 1, 9)),
}.AsQueryable();
}

@ -1,4 +1,4 @@
<Project Sdk="Microsoft.NET.Sdk.Web">
<Project Sdk="Microsoft.NET.Sdk.Web">
<PropertyGroup>
<TargetFramework>net8.0</TargetFramework>

Loading…
Cancel
Save