AdminSelectTable 组件

概述

弹窗表格选择器。点击输入框后弹出表格窗口,用户从表格中选择一条记录,选中后自动回填显示文本和 ID。常用于表单中选择关联实体,如选择用户、选择部门等。

功能特性

  • 弹出表格窗口,支持分页和搜索
  • 支持绑定实体对象(@bind-Value)或实体 ID(@bind-ValueId
  • 支持自定义弹窗表格列

参数说明

参数 说明
TItem 实体类型
@bind-Value 绑定选中的完整实体对象
@bind-ValueId 绑定选中实体的主键 ID
GetText 设置选中后显示的文本
TableColumns 弹窗表格的自定义列模板

使用示例

<AdminSelectTable TItem="SysUser"
    @bind-ValueId="@selectedUserId"
    GetText="@(u => u.Nickname)">
    <TableColumns>
        <TableColumn @bind-Field="context.Username" Text="用户名" />
        <TableColumn @bind-Field="context.Nickname" Text="昵称" />
    </TableColumns>
</AdminSelectTable>