Blazor.WebForm.Components

blazor.webform.com

ASP.NET Web Forms System.Web.ui.WebControls Razor Components，用於julazor WebAssembly，Blazor Hybrid，Blazor Server。

演示：https：//blazorwebformdemo.github.io/

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

<div>
    <h1>Weather forecast (GridView)</h1>
    <asp.Button Text="Load Data" OnClick="this.Button_Click"></asp.Button>
    <hr />
    <asp.Label @ref="this.label"></asp.Label>
    <br />
    <asp.GridView @ref="this.gridview" AutoGenerateColumns="false" CssClass="table" AllowPaging="true"
                  PageSize="2" OnPageIndexChanging="this.GridView_PageIndexChanging">
        <Columns>
            <asp.BoundField HeaderText="Date" DataField="Date" DataFormatString="{0:yyyy/M/d}"></asp.BoundField>
            <asp.BoundField HeaderText="Temp. (C)" DataField="TemperatureC"></asp.BoundField>
            <asp.BoundField HeaderText="Temp. (F)" DataField="TemperatureF"></asp.BoundField>
            <asp.BoundField HeaderText="Summary" DataField="Summary"></asp.BoundField>
        </Columns>
    </asp.GridView>
</div>

@code {
    private WeatherForecast[] forecasts;
    private Label label;
    private GridView 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.RequestRefresh();
    }

    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);
    }
}

標準工具箱
子彈清單	下拉列表	圖像圖	多視圖	文本框
按鈕	fileupload	標籤	控制板	嚮導
日曆	Hiddenfield	Linkbutton	佔位符
複選框	超連結	ListBox	Radiobutton
checkboxlist	圖像	文字	放射線to
組合	ImageButton	本地化	桌子

數據工具箱
數據師	ListView
datapager	中繼器
詳細信息訪問
FormView
GridView

驗證工具箱
比較值	驗證
CustomValidator
攬勝詞
調節性估計器
必需的fieldValidator

Blazor服務器

將電路手服務添加到program.cs

 builder.Services.AddScoped<CircuitHandler, ScriptManagerCircuitHandler>(); 

 using Microsoft.AspNetCore.Components.Server.Circuits;
using System.Web.Hosting;

namespace Server
{
    public class ScriptManagerCircuitHandler : CircuitHandler
    {
        private readonly IServiceProvider _serviceProvider;

        public ScriptManagerCircuitHandler(IServiceProvider serviceProvider)
        {
            _serviceProvider = serviceProvider;
        }

        public override Task OnCircuitOpenedAsync(Circuit circuit, CancellationToken cancellationToken)
        {
            ScriptManagerHost.AddScoped(_serviceProvider);
            return base.OnCircuitOpenedAsync(circuit, cancellationToken);
        }

        public override Task OnCircuitClosedAsync(Circuit circuit, CancellationToken cancellationToken)
        {
            ScriptManagerHost.RemoveScoped(_serviceProvider);
            return base.OnCircuitClosedAsync(circuit, cancellationToken);
        }
    }
}