|آموزش جامع Microsoft Blazor|آموزش Refresh واسط کاربری در فریمورک Blazor|

تازه سازی واسط کاربری در فریمورک Blazor

به صورت پیش فرض،

فریمورک بلیزر

تازه سازی ضروری UI را در بسیاری از شرایط مانند کلیک یک دکمه، به صورت خودکار تشخیص می دهد. اگر چه، شرایطی وجود دارد که می خواهیم به صورت دستی با استفاده از متد BlazorComponent.StateHasChanged تازه سازی UI را فعال کنیم. در نمونه زیر، با استفاده از یک زمان سنج، حالت برنامه تغییر می کند.

@ page "/refresh-ui-manually"
@ using System.Threading;

< h1>@Count< /h1>

< button onclick = @ StartCountdown>Start Countdown< /button>

                @ functions {
                private int Count { get; set; } = 10;

                void StartCountdown()
                {
                var timer = new Timer(new TimerCallback(_ =>
                {
                if (Count <= 0) return;
                Count--;

                // Note that the following line is necessary because otherwise
                // Blazor would not recognize the state change and not refresh the UI
                this.StateHasChanged();
                }), null, 1000, 1000);
                }
                }

زمانی که روی دکمه شمارش معکوس (Countdown) کلیک کنید، شمارش معکوس را آغاز می کند.