このトピックでは、Blazor ServerアプリケーションにBlazorデザイナコンポーネントを追加する方法を紹介します。
Program.cs |
コードのコピー
|
---|---|
using GrapeCity.ActiveReports.Aspnetcore.Designer; var resourcesRootDirectory = new DirectoryInfo(".\\resources\\"); var builder = WebApplication.CreateBuilder(args); builder.Services.AddRazorPages(); builder.Services.AddServerSideBlazor(); builder.Services .AddReportDesigner() .AddMvc(options => options.EnableEndpointRouting = false) .AddJsonOptions(options => options.JsonSerializerOptions.PropertyNamingPolicy = null); var app = builder.Build(); if (!app.Environment.IsDevelopment()) { // HSTSの既定値は30日です。本番シナリオでは変更することをお勧めします。詳細については、「https://aka.ms/aspnetcore-hsts」を参照してください。 app.UseHsts(); } app.UseHttpsRedirection(); app.UseReportDesigner(config => config.UseFileStore(resourcesRootDirectory, false)); app.UseStaticFiles(); app.UseRouting(); app.MapBlazorHub(); app.MapFallbackToPage("/_Host"); app.Run(); |
コードのコピー
|
|
---|---|
@page "/" @using GrapeCity.ActiveReports.Blazor.Designer; @inject IJSRuntime JSRuntime <div style="height:100vh;width:100%" <ReportDesigner @ref="_designer" Document="@_document" /> </div> @code { private ReportDesigner _designer; private Document _document = new Document() { Id = "report.rdlx", Type = SupportedDocumentType.cpl }; } |