问题详情
113 | 清风大侠
如何设置表格单元格模板
  • 表格单元格默认显示该栏位的数据,框架自动模板化日期和布尔类型
  • 如果要自定义单元格的显示内容,可以设置栏位的Template属性,示例如下
[Route("/test")]
public class TestList : BaseTablePage<TbTest>
{
    protected override async Task OnPageInitAsync()
    {
        await base.OnPageInitAsync();
        // 这里省略了其他逻辑

        // 设置名称字段显示一个超链接导航到详情页面
        Table.Column(c => c.Name).Template((b, r) => b.Link().Href($"./detail/{r.Id}").Close());
        // 设置状态字段显示AntTag样式
        Table.Column(c => c.Status).Template((b, r) => b.Tag(r.BizStatus));
        // 设置其他字段
        Table.Column(c => c.OtherField).Template((b, r) =>
        {
            // 在这里构建你的自定义内容,参数b是RenderTreeBuilder,参数r是当前行数据对象
            // 可以在此异步调用后台数据,建议读缓存中数据,如果行较多的话,请求会很多
        });
    }
}
回复列表

暂无数据