Blazor.WebForm.Components

blazor.webform.components

ASP.NET 웹 양식 시스템 .web.ui.webControls Blazor WebAsassembly, Blazor Hybrid, Blazor Server 용 Razor 구성 요소.

데모 : 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);
    }
}

표준 도구 상자
총알 목록	드롭 다운 목록	imagemap	멀티 뷰	텍스트 상자
단추	fileUpload	상표	패널	마법사
달력	히든 필드	LinkButton	자리 표시 자
확인란	하이퍼 링크	Listbox	Radiobutton
CheckBoxList	영상	오자	Radiobuttonlist
콤보 박스	ImageButton	현지화하십시오	테이블

데이터 도구 상자
데이터리스트	ListView
데이터 게이거	연발총
세부 사항 뷰
Formview
그리드 뷰

유효성 검사 도구 상자
Validator 비교	ValidationSummary
CustomValidator
RangeValidator
regularexpressionvalidator
필수 필드 밸리 디터

Blazor 서버

Circuithandler 서비스를 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);
        }
    }
}