前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >[C#] Blazor练习 定时刷新组件数据2

[C#] Blazor练习 定时刷新组件数据2

作者头像
科控物联
发布2022-12-01 10:55:17
1.6K0
发布2022-12-01 10:55:17
举报
文章被收录于专栏:科控自动化科控自动化

吐槽一把:现在变态这么多吗???天天投诉个锤子。不感兴趣取消关注不就行了。又不强求。。。。

[C#] Blazor练习5 定时刷新组件数据

疫情被关在家,只能用小孩上网课的电脑再复习下。

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

<h1>定时刷新数据!</h1>
<button @onclick=@ChangeData>Change data</button>
<ol>
    @foreach(string item in Items)
    {
        <li>@item</li>
    }
</ol>

@code {
    Timer    Timer;
    List<string> Items = new List<string> { "One", "Two", "3" };
    void ChangeData()
    {       
        if  (Items.Count>10){        
         Items.RemoveAt( 0) ;
        }  Items.Add(DateTime.Now.ToString());
    }
        protected override void OnInitialized()
        {
            base.OnInitialized();
  Timer = new System.Threading.Timer(_ =>
    {
      InvokeAsync(ChangeData);
    InvokeAsync(StateHasChanged);
    }, null, 500, 1000);        }
}
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-11-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 科控物联 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档