blazor 相关问题

任何服务器端 blazor 组件都不会调用 Dispose

我们有一个 .Net Core 6 应用程序，我们正在使用 Blazor 服务器组件慢慢将 UI 功能从 JS 过渡到 Blazor。在大多数情况下，一切正常，但是我们引入了一个 co...

使用 Blazor 在 .Net 中更改页面图标时出现问题

所以最近我尝试更改我正在工作的 blazor 项目上的文件图标，但我遇到了一些重大问题。我只是无法将其加载到我的项目中。 这是我的一切...

Ant Design Pagination 中前进和后退按钮不起作用且页面大小下拉列表为空

当我向 Blazor Server App razor 组件添加分页时，它会在视觉上显示，但前进和后退按钮不起作用。显示页面大小的下拉列表也显示为空。 分页...

如何在不使用 JavaScript 的情况下按 Escape 键时在 Blazor/C# 中取消按钮的焦点？

我目前正在 Blazor 框架中开发一个工具提示组件。我想要实现的功能是当按钮聚焦时按下转义键时工具提示消失...

MudBlazor 链接 - 在同一页面上重新加载数据

我有一个像这样的 MudBlazor 链接元素： 订单 这工作正常，但是当我处于完全相同的状态时......

Blazor 服务器组件未将 css 样式应用于 html 元素

我是 Blazor 新手，我们有一个 Blazor 服务器应用程序，创建了一个具有 InteractiveServer 模式的组件。 我正在尝试创建一个带有自定义 CSS 样式的自动完成文本框，但由于某些原因......

如何在asp.net core razor和blazor页面中启用通过url和cookie选择文化？

我已经在我的asp.net core mvc项目中应用了本地化。 它包括身份的 Blazor 页面。 我想通过更改网站 url 的文化部分来更改文化。 域名/en/Home/索引

如何将 Blazor 服务器网站转换为应用程序？

我目前有一个 Blazor 服务器端网站。这一切都是通过移动视图进行设置的。我想把这个移动视图变成一个可以安装在 Android 和 iOS 上的应用程序。我该怎么做？

在 BlazorServer 页面获取 ApplicationUser

我正在尝试访问 Blazor Server .NET 8 应用程序中当前登录用户的 ApplicationUser 。我在 /Account/ISP 中添加了一个名为 Index.razor 的新页面 @page“/帐户/ISP” @使用微软。

没有类型为“Blazorise.Localization.ITextLocalizerService”的已注册服务

我的脚本正在尝试在 Blazorise Carousel 组件中显示图像。编译期间没有错误，图像路径上没有错误，但是加载页面时，出现以下错误。我四处搜寻...

如何在 Blazor Server 中实现自定义授权

我想完全绕过 AspnetCore 身份，而是使用对当前用户进行身份验证的自定义方法。 但是，我仍然希望现有的授权框架能够发挥作用。 ...

Razor 组件 OnClick

我正在学习asp，遇到了blazor组件。我试图绑定到单击功能上的按钮，但是当我在线查看时，我发现功能如下： 我正在学习asp，遇到了blazor组件。我试图绑定到单击功能上的按钮，但是当我在线查看时，我发现功能如下： <button @onclick="SelectProduct(product.Id)" ... >More Info</button> 但是这段代码不会产生任何结果，如果我在 SelectProduct 函数中放置一个断点，它就永远不会被调用。 如果我把它改成这个，我在网上没有看到过，那只是我在玩它： <button onclick="@SelectProduct(product.Id)" ... >More Info</button> 然后调用fucntino，但仅在页面初始化时调用，并且似乎与on click函数无关。有人可以让我知道我应该怎么做吗？完整的 blazor 组件如下。 @using Models.Entity @using InventoryApplication.WebSite.Services @inject JsonProductService ProductService @{var products = ProductService.GetProducts();} <div class="card-columns"> @foreach (var product in products) { <div class="card"> <div class="card-body"> <h5 class="card-title">@product.DisplayName</h5> </div> <div class="card-footer"> <button @onclick="SelectProduct(product.Id)" data-bs-toggle="modal" data-bs-target="#productModal" class="btn btn-primary"> More Info </button> </div> </div> } </div> <div class="modal fade" id="productModal" tabindex="-1" role="dialog" aria-labelledby="productTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="productTitle">@selectedProduct?.DisplayName</h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> @if (selectedProduct != null) { <div class="card"> <div class="card-body"> <p class="card-text">Category: @selectedProduct.Category</p> <p class="card-text">Quantity: @selectedProduct.Quantity</p> <p class="card-text">Price: $@(selectedProduct.Price.HasValue ? selectedProduct.Price.Value.ToString("F2") : "N/A")</p> </div> </div> } </div> </div> </div> </div> @code { Product? selectedProduct; Product SelectProduct(uint Id) { return selectedProduct = ProductService.GetProducts().FirstOrDefault(x => x.Id == Id); } } 确保方法签名正确：确保SelectProduct方法签名正确且与预期参数匹配。确保方法定义正确，如下所示： Product SelectProduct(uint Id) { return selectedProduct = ProductService.GetProducts().FirstOrDefault(x => x.Id == Id); } 验证单击事件绑定：确保 @onclick 事件绑定正确放置在按钮元素内，并且不会被其他脚本或样式覆盖或干扰。使用 lambda 表达式 @onclick="() => SelectProduct(product.Id)" 确保参数传递正确。 更多信息

如何处理blazor中定时器的异常？

如何正确处理 Blazor 服务器端另一个线程（来自计时器）中引发的异常？ 理想情况下，我希望错误像所有其他异常一样冒泡并触发黄色错误栏。

Microsoft Identity Platform 不可用作 Blazor Server 应用程序的身份验证类型选择

我正在考虑将 Azure AD (Entra) 添加到 Blazor 应用程序，如标题所示，我只能选择以下身份验证类型选项： 相比之下，YouTube 视频显示了这一点： 进一步...

Blazor 在导航到主页之前无法导航到子页面

问题 如何让 blazer 中的子页面以与第一次主页相同的方式呈现？ 背景 我使用 GitHub 上的 Blazer 模板为自己创建了一个演示应用程序。嗯……

如何在 C# Blazor 中执行 SetTimeout

如何在 C# Blazor 中以无限循环的方式执行类似于 settimeout 的操作，并通过数据操作更改 UI？

在 Blazor 应用程序剃须刀页面选择下拉列表中加载页面时，选定的数据不显示

在下面的代码中，我有一个 标签，我在其中绑定 SelectedDate 的值。 当我加载时间表仪表板页面并选择一个值时，它会正确导航到该页面。登录... 在下面的代码中，我有一个 <select> 标签，我在其中绑定 SelectedDate 的值。 当我加载时间表仪表板页面并选择一个值时，它会正确导航到该页面。将值记录在 OnParametersSetAsync 和 OnInitializedAsync 内的控制台日志中，我可以看到这些值是正确的。在一些经过编辑的代码中，它适当地过滤了我的数据，并且所有图表都按预期加载并过滤了数据。 URI 显示正确的地址。 但是，选择元素显示空白。当我单击选择时，旁边带有复选标记的值是 FirstOrDefault 值。 我不太明白我在这里缺少什么，导致更改选择时值无法正确绑定和显示。 @page "/timesheet-dashboard" @page "/timesheet-dashboard/{StartDate}" @inject IJSRuntime JSRuntime @using valkyrie.Services.Timesheets @using valkyrie.Services.Crm; @inject TimesheetService TimesheetService; @inject DealService DealService; @inject TimesheetRecordService TimesheetRecordService; @inject IHttpContextAccessor HttpContextAccessor @inject NavigationManager NavigationManager @rendermode InteractiveServer <div class="container"> <div class="col-lg-4 mx-auto pb-3"> <select @bind="SelectedDate" @bind:event="onchange" class="form-select form-control-lg"> @foreach (var date in StartOfWeekDates) { <option value="@date.ToShortDateString()">@date.ToShortDateString()</option> } </select> </div> </div> @code { [Parameter] public string StartDate { get; set; } private DateTime selectedDate; public DateTime SelectedDate { get { return selectedDate; } set { if (selectedDate != value) { selectedDate = value; NavigationManager.NavigateTo($"/timesheet-dashboard/{selectedDate:yyyy-MM-dd}"); } } } private List<DateTime> StartOfWeekDates { get; set; } = new(); protected override async Task OnInitializedAsync() { DateTime someStartDate = DateTime.Now.AddDays(-30); DateTime someEndDate = DateTime.Now; var records = TimesheetRecordService.GetAllTimesheetRecords(); StartOfWeekDates = records .Where(rec => rec.Timesheet != null && rec.Timesheet.StartOfWeekDate >= someStartDate && rec.Timesheet.StartOfWeekDate <= someEndDate) .Select(rec => rec.Timesheet.StartOfWeekDate.Date) .Distinct() .OrderBy(date => date) .ToList(); selectedDate = !string.IsNullOrEmpty(StartDate) && DateTime.TryParse(StartDate, out DateTime date) ? date : StartOfWeekDates.FirstOrDefault(); } protected override async Task OnParametersSetAsync() { SelectedDate = !string.IsNullOrEmpty(StartDate) && DateTime.TryParse(StartDate, out DateTime date) ? date : StartOfWeekDates.FirstOrDefault(); } } 我期待 Select 元素显示当前选定的值。 您绑定到 DateTime，但在 string 中返回 <option value="@date.ToShortDateString()">。 这是代码的重构简单版本，它使用 bind:after 进行转换并在必要时进行导航调用。 @page "/" <PageTitle>Home</PageTitle> <h1>Hello, world!</h1> <div class="container"> <div class="col-lg-4 mx-auto pb-3"> <select @bind="SelectedDateString" @bind:event="onchange" @bind:after="OnAfterDateSet" class="form-select form-control-lg"> @foreach (var date in StartOfWeekDates) { <option value="@date.ToShortDateString()">@date.ToShortDateString()</option> } </select> </div> </div> <div class="bg-dark text-white m-2 p-2"> <pre>Date: @this.SelectedDate.ToLongDateString()</pre> </div> @code{ private List<DateOnly> StartOfWeekDates = new(); private string SelectedDateString = DateOnly.FromDateTime(DateTime.Now).ToShortDateString(); private DateOnly SelectedDate; protected override Task OnInitializedAsync() { StartOfWeekDates.Add(DateOnly.FromDateTime(DateTime.Now)); StartOfWeekDates.Add(DateOnly.FromDateTime(DateTime.Now.AddDays(-7))); StartOfWeekDates.Add(DateOnly.FromDateTime(DateTime.Now.AddDays(-14))); StartOfWeekDates.Add(DateOnly.FromDateTime(DateTime.Now.AddDays(-21))); StartOfWeekDates.Add(DateOnly.FromDateTime(DateTime.Now.AddDays(-28))); return Task.CompletedTask; } private Task OnAfterDateSet() { SelectedDate = DateOnly.Parse(SelectedDateString); // do you navigation here if you need to return Task.CompletedTask; } }

配置 .NET 8 Blazor SSR（静态）应用程序以与 Azure AD B2C 中的 Entra ID 配合使用

我在配置 .NET 8 Blazor SSR 静态应用程序以在 Azure AD B2C 中使用 Entra ID 时遇到问题。 在 Program.cs 中我有这个： builder.Services.AddAuthentication(OpenIdConnectDefaults.

如何在 Blazor 中定义共享路由参数以自动在多个页面上使用

我有一个包含很多页面的 Blazor Web 应用程序 (.Net8)。 有没有一种方法可以定义共享路由参数，而不必为每个页面手动设置它？我想添加此路线的所有页面...

Blazor 未使用我的组件来重定向未经授权的用户

我正在尝试在 .NET 8 Blazor 服务器端应用程序中实现授权。当用户未登录并尝试访问需要授权的页面时，我想重定向到登录页面。我...