当前位置: 首页 > news >正文

Bootstrap Blazor UI 中 <Table> 组件 <TableColumn> 使用备忘01:EF Core 外码处理

应用场景:将外码转换为对应的文本进行显示、编辑。

例如,有一个【用户】表,其中有一个【用户类型ID】字段;另有一个【用户类型】表,包含【ID】、【名称】等字段。现在要求在 <Table> 组件显示列表中,列标题显示为【用户类型】、内容为【名称】字段的值;编辑时相同处理。

处理思路:在 列 模板中,同时使用 <Template> 和 <EditTemplate>,使用 EF Core 通过 DbContext 读取数据库中的数据。

<TableColumns>
    <TableColumn @bind-Field="@context.用户类型ID" Text="用户类型">
        <Template Context="c">
            @DbContext.用户类型s.FirstAsync(i => i.id == c.Row.用户类型ID).Result.名称
        </Template>
        <EditTemplate Context="c">
            <div class="col-12 col-sm-6">
                <Select DisplayText="用户类型" @bind-Value="c.用户类型ID" Items="DbContext.用户类型s.Select(s=>new SelectedItem(s.id.ToString(),s.名称)).ToListAsync().Result" />
            </div>
        </EditTemplate>
    </TableColumn>
    ............
</TableColumns>

相关文章:

  • 14天速成PAT-BASIC基础知识!
  • AI IDE 使用体验及 AI 感受
  • uvm中的激励是如何发送出去的
  • 电路笔记(信号):串联电容变小、并联电容增大的分析和计算
  • JUC并发—8.并发安全集合二
  • 为AI聊天工具添加一个知识系统 之113 详细设计之54 Chance:偶然和适配 之1
  • 支持批量导出的软件,效率拉满!
  • DeepSeek在企业中的有那些具体应用?
  • MapReduce 第二部:深入分析与实践
  • pyside6学习专栏(二):程序图像资源的加载方式
  • Python中常见库 PyTorch和Pydantic 讲解
  • Python Cookbook-2.2 写入文件
  • ollama run deepseek-r1:1.5b改变默认下载路径
  • 国产编辑器EverEdit - 文本编辑器的关键特性:文件变更实时监视,多头编辑不掉坑
  • LeetCode刷题---哈希表---648
  • 基于springboot校园健康系统的设计与实现(源码+文档)
  • deepseek:推荐一个免费没有广告的电脑桌面备忘录
  • TikTok账户安全指南:如何取消两步验证?
  • easyexcel 2.2.6版本导出excel模板时,标题带下拉框及其下拉值过多不显示问题
  • 【Python爬虫(27)】探索数据可视化的魔法世界
  • 女子隐私被“上墙”莫名遭网暴,网警揪出始作俑者
  • 中国驻英国大使郑泽光:中国需要世界,世界也需要中国
  • 光线传媒:正与部分重点地区洽谈主题乐园合作,首款3A游戏预计三年左右推出
  • 上海未来亚洲研究会第六届会员大会举行,叶青当选会长
  • “全国十大考古”揭晓:盘龙城遗址、周原遗址入围
  • 湖南永州公安全面推行“项目警官制”,为重点项目建设护航