Blazor.WebForm.UI 1.1.5.2

@using System.Web.UI; @using System.Web.UI.WebControls; @page "/fetchdata-gridview" @inherits ControlComponent @inject HttpClient Http

<div> <h1>Weather forecast (GridView)</h1> @this.Render(button) <hr /> @this.Render(label) <br /> @this.Render(gridview) </div>

@code{ private WeatherForecast[] forecasts; private Button button; private Label label; private GridView gridview;

protected override void OnInitialized()
{
    button = new Button();
    button.Text = "Load Data";
    button.Click += Button_Click;
    this.Controls.Add(button);

    label = new Label();
    this.Controls.Add(label);

    gridview = new GridView();
    gridview.CssClass = "table";
    gridview.AllowPaging = true;
    gridview.PageSize = 2;
    gridview.PageIndexChanging += GridView_PageIndexChanging;
    this.Controls.Add(gridview);
}

protected async void Button_Click(object sender, EventArgs e)
{
    forecasts = await Http.GetFromJsonAsync<WeatherForecast[]>("sample-data/weather.json");

    label.Text = DateTime.Now.ToString();

    gridview.PageIndex = 0;
    gridview.DataSource = forecasts;
    gridview.DataBind();

    this.StateHasChanged();
}

protected void GridView_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
    gridview.PageIndex = e.NewPageIndex;
    gridview.DataBind();
}

public class WeatherForecast
{
    public DateTime Date { get; set; }

    public int TemperatureC { get; set; }

    public string Summary { get; set; }

    public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
}

}