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

科控物联

发布于 2022-12-01 02:55:17

2K00

代码可运行

文章被收录于专栏：科控自动化科控自动化

运行总次数：0

代码可运行

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

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

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

@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);        }
}