怪物奇妙物语

宇宙无敌超级美少男的怪物奇妙物语

首页 新随笔 联系 管理
  819 随笔 :: 0 文章 :: 2 评论 :: 16万 阅读

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上。同时,使用了多个列定义(PropertyColumnTemplateColumn)来指定表格的列及其显示内容和操作链接。

posted on   超级无敌美少男战士  阅读(55)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验
历史上的今天:
2022-11-27 todolist 外观模式
点击右上角即可分享
微信分享提示