Weather.razor 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @page "/weather"
  2. @attribute [StreamRendering]
  3. <PageTitle>Weather</PageTitle>
  4. <h1>Weather</h1>
  5. <p>This component demonstrates showing data.</p>
  6. @if (forecasts == null)
  7. {
  8. <p><em>Loading...</em></p>
  9. }
  10. else
  11. {
  12. <table class="table">
  13. <thead>
  14. <tr>
  15. <th>Date</th>
  16. <th>Temp. (C)</th>
  17. <th>Temp. (F)</th>
  18. <th>Summary</th>
  19. </tr>
  20. </thead>
  21. <tbody>
  22. @foreach (var forecast in forecasts)
  23. {
  24. <tr>
  25. <td>@forecast.Date.ToShortDateString()</td>
  26. <td>@forecast.TemperatureC</td>
  27. <td>@forecast.TemperatureF</td>
  28. <td>@forecast.Summary</td>
  29. </tr>
  30. }
  31. </tbody>
  32. </table>
  33. }
  34. @code {
  35. private WeatherForecast[]? forecasts;
  36. protected override async Task OnInitializedAsync()
  37. {
  38. // Simulate asynchronous loading to demonstrate streaming rendering
  39. await Task.Delay(500);
  40. var startDate = DateOnly.FromDateTime(DateTime.Now);
  41. var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" };
  42. forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast
  43. {
  44. Date = startDate.AddDays(index),
  45. TemperatureC = Random.Shared.Next(-20, 55),
  46. Summary = summaries[Random.Shared.Next(summaries.Length)]
  47. }).ToArray();
  48. }
  49. private class WeatherForecast
  50. {
  51. public DateOnly Date { get; set; }
  52. public int TemperatureC { get; set; }
  53. public string? Summary { get; set; }
  54. public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
  55. }
  56. }