Awesome
Blazor.WebForm.Components
ASP.NET Web Forms System.Web.UI.WebControls Razor Components For Blazor WebAssembly, Blazor Hybrid, Blazor Server.
Demo: https://blazorwebformdemo.github.io/
<pre style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #333333; font-family: "Source Code Pro", Consolas, Courier, monospace; font-size: 15px; line-height: 22px; margin-bottom: 22px; margin-top: 22px; max-width: 100%; overflow: auto; padding: 4.5px 11px;"><code class="language-cs hljs" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border: none; display: block; font-family: "Source Code Pro", Consolas, Courier, monospace; font-size: 1em; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0px; text-size-adjust: none;">@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);
}
}</code></pre>
<table>
<tr>
<th align="left" colspan="5"><li>Standard Toolbox</li></th>
</tr>
<tr>
<td>BulletedList</td><td>DropDownList</td><td>ImageMap</td><td>MultiView</td><td>TextBox</td>
</tr>
<tr>
<td>Button</td><td>FileUpload</td><td>Label</td><td>Panel</td><td>Wizard</td>
</tr>
<tr>
<td>Calendar</td><td>HiddenField</td><td>LinkButton</td><td>PlaceHolder</td><td></td>
</tr>
<tr>
<td>CheckBox</td><td>HyperLink</td><td>ListBox</td><td>RadioButton</td><td></td>
</tr>
<tr>
<td>CheckBoxList</td><td>Image</td><td>Literal</td><td>RadioButtonList</td><td></td>
</tr>
<tr>
<td>ComboBox</td><td>ImageButton</td><td>Localize</td><td>Table</td><td></td>
</tr>
</table>
<p></p>
<table>
<tr>
<th align="left" colspan="2"><li>Data Toolbox</li></th>
</tr>
<tr>
<td>DataList</td><td>ListView</td>
</tr>
<tr>
<td>DataPager</td><td>Repeater</td>
</tr>
<tr>
<td>DetailsView</td><td></td>
</tr>
<tr>
<td>FormView</td><td></td>
</tr>
<tr>
<td>GridView</td><td></td>
</tr>
</table>
<p></p>
<table>
<tr>
<th align="left" colspan="2"><li>Validation Toolbox</li></th>
</tr>
<tr>
<td>CompareValidator</td><td>ValidationSummary</td>
</tr>
<tr>
<td>CustomValidator</td><td></td>
</tr>
<tr>
<td>RangeValidator</td><td></td>
</tr>
<tr>
<td>RegularExpressionValidator</td><td></td>
</tr>
<tr>
<td>RequiredFieldValidator</td><td></td>
</tr>
</table>
Blazor Server
Add CircuitHandler service to Program.cs
<pre style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #333333; font-family: "Source Code Pro", Consolas, Courier, monospace; font-size: 15px; line-height: 22px; margin-bottom: 22px; margin-top: 22px; max-width: 100%; overflow: auto; padding: 4.5px 11px;"><code class="language-cs hljs" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border: none; display: block; font-family: "Source Code Pro", Consolas, Courier, monospace; font-size: 1em; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0px; text-size-adjust: none;">builder.Services.AddScoped<CircuitHandler, ScriptManagerCircuitHandler>();</code></pre>
<pre style="background-color: #eeeeee; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: #333333; font-family: "Source Code Pro", Consolas, Courier, monospace; font-size: 15px; line-height: 22px; margin-bottom: 22px; margin-top: 22px; max-width: 100%; overflow: auto; padding: 4.5px 11px;"><code class="language-cs hljs" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border: none; display: block; font-family: "Source Code Pro", Consolas, Courier, monospace; font-size: 1em; line-height: inherit; margin: 0px; overflow-x: auto; padding: 0px; text-size-adjust: none;">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);
}
}
}</code></pre>