QuickGrid 使用 Blazor 组件

QuickGrid 使用 Blazor

依赖注入

builder.Services.AddQuickGridEntityFrameworkAdapter();

绑定使用

QuickGrid的使用如下：

在BlazorMovie-main\BlazorMovie\Pages\Movies\Index.razor文件中：

@page "/movies"
@using Microsoft.AspNetCore.Components.QuickGrid
@inject BlazorMovieContext DB

<PageTitle>Index</PageTitle>
<h1>Index</h1>
<p>
    <a href="movies/create">Create New</a>
</p>
<QuickGrid Class="table" Items="DB.Movie">
    <PropertyColumn Property="movie => movie.Title" />
    <PropertyColumn Property="movie => movie.ReleaseDate" Title="Release date"/>
    <PropertyColumn Property="movie => movie.Genre" />
    <PropertyColumn Property="movie => movie.Price" />
    <TemplateColumn Context="movie">
        <a href="@($"movies/edit?id={movie.Id}")">Edit</a> |
        <a href="@($"movies/details?id={movie.Id}")">Details</a> |
        <a href="@($"movies/delete?id={movie.Id}")">Delete</a>
    </TemplateColumn>
</QuickGrid>

这段代码在Blazor页面中使用了QuickGrid组件来展示电影数据。
通过设置Items属性为DB.Movie，将从数据库中获取的电影集合绑定到QuickGrid上。同时，使用了多个列定义（PropertyColumn和TemplateColumn）来指定表格的列及其显示内容和操作链接。