Blazor Timer call async API task to update UI

by

You probably don’t want to Invoke() the GetValue(), that would be rather pointless. You can implement the timer like this:

System.Threading.Timer timer;
protected override void OnInitialized()
{
    timer = new System.Threading.Timer(async _ =>  // async void
    {
        Time = await GetValue();
        // we need StateHasChanged() because this is an async void handler
        // we need to Invoke it because we could be on the wrong Thread          
        await InvokeAsync(StateHasChanged);
    }, null, 0, 1000);
}

I used a field to store the Timer because you should dispose it, add this to the Razor section:

@implements IDisposable

and this to the code:

public void Dispose()
{
    timer?.Dispose();
}

More Related Contents:

  1. How to use the HttpContext object in server-side Blazor to retrieve information about the user, user agent
  2. blazor variable argument passing to onclick function
  3. Require authorization on ALL Blazor pages
  4. How do I get client IP and browser info in Blazor?
  5. How do I get the access token from a blazor (server-side) web app?
  6. How to add OpenIdConnect via IdentityServer4 to ASP.NET Core ServerSide Blazor web app?
  7. Get Current User in a Blazor component
  8. Blazor component : refresh parent when model is updated from child component
  9. Blazor Server: load js scripts only on certain pages, not on all
  10. Embedding a Leaflet map on a Blazor SPA
  11. Managing State and Preventing Blazor Navigation in an Edit Form
  12. Is there any hot reload for blazor server-side?
  13. Why are Blazor lifecycle methods getting executed twice?
  14. Is there an equivalent to Html.Raw in Blazor?
  15. Blazor Textfield Oninput User Typing Delay
  16. Calling function from generated button in Blazor
  17. For loop not returning expected value – C# – Blazor
  18. Get current URL in a Blazor component
  19. How can one generate and save a file client side using Blazor?
  20. When to use ValueChanged and ValueExpression in Blazor?
  21. How can I trigger/refresh my main .RAZOR page from all of its sub-components within that main .RAZOR page when an API call is complete?
  22. Cannot debug Blazor wasm
  23. Display wait or spinner on API call
  24. How to make two-way binding on Blazor component
  25. Blazor: How to use the onchange event in when using @bind also?
  26. Blazor – How to create Components dynamically
  27. Failed to find a valid digest in the ‘integrity’ attribute for resource in Blazor app
  28. How to map fallback in ASP .NET Core Web API so that Blazor WASM app only intercepts requests that are not to the API
  29. Can we consume a Blazor component as a Web Component within a regular non-Blazor HTML page?
  30. How to use Bootstrap modal in Blazor client app?

Leave a Comment