Bootstrap Blazor Table 组件（二）

原文链接：

很多小伙伴在使用Table组件的时候会有这样一个需求：

如何在代码中重新加载 Table 组件的数据？

然后小伙伴们都想调用这个函数，但是都卡在怎么传这个参数上。只新建一个是个好主意，但是这个调用和 Table 组件无关，无法实现。” 重新加载表格组件的数据”期望

private Task<QueryData> OnQueryAsync(QueryPageOptions options)
{
    // 设置记录总数
    var total = Items.Count();
    return Task.FromResult(new QueryData()
    {

        Items = Items,
        TotalCount = total
    });
}

那么我们需要做些什么来实现“重新加载Table组件的数据”的期望呢？其实很简单，因为我们要刷新Table组件的数据，那么我们首先要获取Table组件的实例。在这里我们使用@ref，这是一个剃刀的东西。如果不确定，可以先去看看。以下两个链接：

使用生成可重用的 UI 组件 | 文档

下面是完整的代码展示

剃刀页面

<Button OnClick="@OnRefreshTableAsync">刷新Table</Button>
<Table TItem="TItem"

       @ref="@Table"
       AutoGenerateColumns="true"
       OnQueryAsync="@OnQueryAsync">
</Table>

剃须刀.cs

主功能

[NotNull]
private Table? Table { get; set; }
private async Task OnRefreshTableAsync()

{
    await Table.QueryAsync();
}
private Task<QueryData> OnQueryAsync(QueryPageOptions options)
{
    var total = Items.Count();
    return Task.FromResult(new QueryData()
    {

        Items = Items,
        TotalCount = total
    });
}

写在最后

希望大佬们能看到这篇文章，给项目打个star支持一下，谢谢！

明星流程：

1、访问点击项目链接：

2、点击星星，如下图，完成星星，关注项目不迷路：

此外，还有两个 GVP 项目。大佬们方便的话也可以点星。非常感谢：

项目地址：

项目地址：

交流群（QQ）欢迎加群讨论

BA & ①() BA & ②()