首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >分别加载仪表板组件,并在其asp.net核上加载图标

分别加载仪表板组件,并在其asp.net核上加载图标
EN

Stack Overflow用户
提问于 2022-08-31 07:38:22
回答 1查看 31关注 0票数 0

我正在开发包含大量图表和数据的.net核心仪表板,当我们加载仪表板时,我希望先加载仪表板,然后加载带有加载图标的小部件,因为每个小部件都会显示自己的数据。

EN

回答 1

Stack Overflow用户

发布于 2022-08-31 07:59:53

我制作了一个非常简单的组件,用于演示。

Component.razor:

代码语言:javascript
运行
复制
@if (string.IsNullOrEmpty(_message))
{
    <h3>Loading...</h3>
}
else
{
    <h3>@_message</h3>
}

@code {
    [Parameter]
    public int Delay { get; set; }

    private string _message;

    protected override async Task OnInitializedAsync()
    {
        // SIMULATING data fetching or other initialization task
        await Task.Delay(Delay);

        _message = "Done";
    }
}

Index.razor

代码语言:javascript
运行
复制
@page "/"

<PageTitle>Index</PageTitle>

<Component Delay="5000"></Component>

<Component Delay="15000"></Component>

<Component Delay="10000"></Component>

正如您所看到的,每个组件一旦准备就绪就会更新。同样的情况也可以应用于更复杂的场景,比如仪表板。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73552406

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档