Blazor 定时刷新Table功能

@page "/synTable"
@using BlazorApp.Data

SynTable


        
        
        
    

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
using System.Net.Http;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Components.Authorization;
using Microsoft.AspNetCore.Components.Forms;
using Microsoft.AspNetCore.Components.Routing;
using Microsoft.AspNetCore.Components.Web;
using Microsoft.AspNetCore.Components.Web.Virtualization;
using Microsoft.JSInterop;
using BlazorApp;
using BlazorApp.Shared;
using BootstrapBlazor.Components;
using BlazorApp.Data;
using System.Diagnostics.CodeAnalysis;


namespace BlazorApp.Pages
{
    public partial class SynTable
    {
        [NotNull]
        private List? DBList { get; set; }

        [NotNull]
        private List? Items { get; set; }

        private System.Threading.Timer timer { get; set; }

        private int index = 1;

        /// 

        /// OnInitialized
        /// 
        protected override void OnInitialized()
        {
            base.OnInitialized();
            //模拟数据库
            DBList = Foo.GenerateFoo(10000);

            //初始化
            Items = Foo.GenerateFoo(10);

            //定时器
            timer = new System.Threading.Timer((args) =>
            {
                index++;

                //从数据库获取数据
                var list = DBList.Skip((index - 1) * 10).Take(10).ToList();
                // 得到的数据未0，代表数据加载完了
                if (list.Count == 0)
                {
                    timer.Dispose(); // 停止并释放定时器资源

                    return;//不执行后面的代码
                }
                foreach (var foo in list) {
                    Items.Add(foo);
                }

                // 通知Blazor更新UI
                InvokeAsync(() => { StateHasChanged(); });

            }, null, TimeSpan.Zero, TimeSpan.FromSeconds(1));//1秒执行一次


        }


    }
}