blazor 相关问题

.NET 8.0：运行所选代码生成器时出错：“包恢复失败。”回滚“学习”的包更改。”

我正在做这个教程https://learn.microsoft.com/en-us/aspnet/core/blazor/tutorials/movie-database-app/part-2?view=aspnetcore-8.0&pivots=vs。 当我使用实体框架添加 Razor 组件时...

MudBlazor 编辑表单中的绑定值问题

我之前在我的帐户上问过这个问题一次，但由于最近我添加到代码中的更改，我想我会再次问一次。这里发生的问题是当我在输入 f 中输入值时...

滑块不会更改 Blazor 中的值

我试图在 Blazor 中将滑块设置为预算参数，但是当移动滑块时预算值不会改变。为什么会这样，我该如何解决它？ 这是组件代码 我是...

Blazor Renderfragment RenderTreeBuilder 父级/子级

我用 渲染片段 MyRenderFragment() { return builder => { switch (item.Name) { case .... 运行组件并且效果很好。 现在我想在父母/孩子的例子中使用它，但是......

Blazor WebAssembly - 读取大于 500kb 的图像

在我的 Blazor WebAssembly 中，我上传了一个图像，我将其转换为 Base64 以向用户显示，如下所示： 受保护的异步任务 HandleFileSelection(InputFileChangeEventArgs e) { ...

如何将 IFormFile 转换为 IBrowserFile 或反之亦然？

我的 Blazor 应用程序同时具有 UI 和 API 端点，我正在尝试编写一种通用方法来处理用户上传的文件，Methoed 接受文件并将内容转换为字符串并返回。 ...

获取不同应用程序的 Azure AD 访问令牌

我有一个 .NET Blazor SPA 应用程序，其中用户使用 MicrosoftIdentityWebApp nuget 通过 Azure AD 进行身份验证。有一些调用第三方 API 的新要求，他们期待

Radzen 弹出窗口出现在页面底部

我正在使用 Radzen Popup 组件，但弹出内容显示在页面底部页脚下方。 这是我的代码如下： 我正在使用 Radzen Popup 组件，但弹出内容显示在页面底部页脚下方。 这是我的代码： <RadzenButton @ref=button Text="Pop Up" Click="@(args => popup.ToggleAsync(button.Element))" /> <Popup @ref=popup Lazy="true" Open="@OnOpen"> <RadzenStack Orientation="Orientation.Vertical"> <RadzenButton Text="tes1" /> <RadzenButton Text="tes2" /> </RadzenStack> </Popup> @code { RadzenButton button; private Popup popup; async Task OnOpen() { await JSRuntime.InvokeVoidAsync("eval", "setTimeout(function() {}, 200)"); } } 我正在使用服务器端渲染模式。有谁知道我在这里错过了什么？ 根据Radzen Popup demo，您可以通过提供CSS规则来自定义使用Style属性显示的弹出窗口的位置。 如果你想在网页中央或特定位置显示弹窗，关键点是position: absolute。 <Popup @ref=popup Lazy="true" Open="@OnOpen" Style="display:none; position:absolute; height:300px;width:600px;"> <RadzenStack Orientation="Orientation.Vertical"> <RadzenButton Text="tes1" /> <RadzenButton Text="tes2" /> </RadzenStack> </Popup>

pdf 查看器 Blazor 引导程序

我正在尝试实现 blazor bootstrap pdf 查看器， 但是当我复制并粘贴示例代码时，文档不显示。 这真的很奇怪，因为你甚至可以看到你永远不会得到

在 Blazor 中编辑自定义 ASP.NET IdentityUser 属性

我正在尝试创建一个 Blazor 表单来更新 AppUser 的属性/设置，该 AppUser 继承自我的 Blazor Web 应用程序中的默认 ASP.NET IdentityUser。为此，我正在尝试修改默认值

Radzen 弹出窗口出现在页面底部

我使用 Radzen 作为弹出组件，但弹出内容出现在页面底部页脚下方 这是我的代码如下： 我使用 Radzen 作为弹出组件，但弹出内容出现在页面底部页脚下方 这是我的代码如下： <RadzenButton @ref=button Text="Pop Up" Click="@(args => popup.ToggleAsync(button.Element))" /> <Popup @ref=popup Lazy="true" Open="@OnOpen"> <RadzenStack Orientation="Orientation.Vertical"> <RadzenButton Text="tes1" /> <RadzenButton Text="tes2" /> </RadzenStack> </Popup> @code { RadzenButton button; private Popup popup; async Task OnOpen() { await JSRuntime.InvokeVoidAsync("eval", "setTimeout(function() {}, 200)"); } } 我正在使用服务器端渲染模式。有谁知道我在这里错过了什么？ 根据Radzen Popup demo，您可以使用Style属性自定义弹出窗口显示的位置。 如果你想在网页中央或特定位置显示弹窗，关键点是position: absolute。 <Popup @ref=popup Lazy="true" Open="@OnOpen" Style="display:none; position:absolute; height:300px;width:600px;"> <RadzenStack Orientation="Orientation.Vertical"> <RadzenButton Text="tes1" /> <RadzenButton Text="tes2" /> </RadzenStack> </Popup>

使用 Radzen 数据网格时不显示数据

我正在使用 Radzen 数据网格显示 AspNetUsers 表中的用户，但没有显示任何数据。 这是我的代码如下： @页面“/联系人” @rendermode交互式服务器 @使用 BlazorApp1.D...

blazor 组件何时渲染？

在此页面的下图中，它显示当调用 OnInitializedAsync 返回未完成的任务时，它将等待该任务，然后渲染组件。 不过似乎...

使用 MudSelect 和 @bind-SelectedValues 时显示名称而不是 Id

我遇到的问题是，当我在 Blazor 中有这样的下拉菜单时 我遇到的问题是，当我在 Blazor 中出现这样的下拉菜单时 @foreach (var item in items) { <MudSelectItem T="Guid" Value="@item.id">@item.name</MudSelectItem> 当我选择了我想要的项目名称时，它们显示在顶部，但只有 Id 而没有名称，我该如何修复以便显示名称而不是 Id。它用于表单，所以我需要帖子/放置的 id 尝试管理我用于 GetNames 函数的 selectedItemIds，以便我从 selectedItemIds 中获得名称，但我找不到显示它的方法 看看https://mudblazor.com/components/select#multiselect-customized-selection-text 您可以使用 MultiSelectionTextFunc 自定义所选值的显示方式。 <MudSelect ... MultiSelectionTextFunc="@(new Func<List<Guid>, string>(GetMultiSelectionText))" ... > private string GetMultiSelectionText(List<Guid> selectedItemIds) { return GetNames(selectedItemIds); }

文件选择器框，用于获取内联网文件系统中文件的链接

我开发了一个 blazor 服务器应用程序，具有以下要求： 用户想要保存文件（例如 d: emp est.doc 或 \shareserver\share est.doc）或目录（例如 d: emp 或 \

动态渲染 Blazor 组件的推荐方法是什么？

我是 Blazor 新手，具有基本的 Angular 和 Vue.js 经验。我想渲染一个多态组件列表： @foreach（水果中的水果） 我如何渲染... 我是 Blazor 新手，具有基本的 Angular 和 Vue.js 经验。我想渲染一个多态组件列表： <ul> @foreach (fruit of fruits) <li>HOW DO I RENDER FRUIT HERE??? </li> // render the fruit component </ul> @code { // Each member in the list is a subtype of Fruit var fruits = List<FruitComponent> { new PearComponent(), new AppleComponent()' new BananaComponent(), new RasberryComponent() } 根据我收集的信息，有几种方法可以实现这一目标，每种方法都有各自的缺点。一种不常见的建议是使用未记录的 API 调用，这种调用可能会在没有通知的情况下被弃用，但它似乎几乎是理想的。另一种建议是在代码中发出标记，这会带回编写 ASP.NET 服务器控件的单调乏味。最后，最常见的建议是使用条件标记，虽然非常简单，但它将渲染代码与其正在渲染的组件耦合起来。 我读过的大多数文档可能已经过时并且不再相关。随着 Blazor 的正式发布，实现此目标的推荐方法是什么？ 您必须创建一个 RenderFragment，并将其用作多态组件的渲染器...我使用默认 Blazor 的模板 Counter 组件作为父组件 (CounterParent)，然后 CounterChild 继承 CounterParent。我希望它有帮助！问候！ @page "/" @foreach (CounterParent counter in components) { RenderFragment renderFragment = (builder) => { builder.OpenComponent(0, counter.GetType()); builder.CloseComponent(); }; <div> <div>Before the component</div> @renderFragment <div>Afterthe component</div> </div> } @code { List<CounterParent> components = new List<CounterParent>() { new CounterParent(), new CounterChild() }; } 您可以使用 switch 语句来检查类型。 您可以在每个案例中放置组件，或者按照您喜欢的方式渲染您的 li。 <ul> @foreach (fruit in fruits) { switch(fruit) { case PearComponent p: <PearComponent ParameterOfSomeSort="p"></PearComponent> <li>Or render pears like this, if you want the li in it</li> break; case AppleComponent a: <AppleComponent></AppleComponent> break; case BananaComponent b: <BananaComponent></BananaComponent> break; case RaspberryComponent r: <RaspberryComponent></RaspberryComponent> break; } } </ul> 在 .NET 6 中还有第三种方法： <ul> @foreach (fruitType in fruitTypes) { <li> <DynamicComponent Type="fruitType" /> </li> } </ul> @code { // Each member in the list is a subtype of Fruit var fruitTypes = List<Type> { typeof(PearComponent), typeof(AppleComponent)' typeof(BananaComponent), typeof(RasberryComponent) }; } 您甚至可以使用 <DynamicComponent Type="typeof(Component)" Parameters="parameterDict" /> 将参数传递给每个组件，其中 parameterDict 的类型为 Dictionary<string, object>。 有关此内容的更多信息当然可以在 C# 文档中找到。

使用 Radzen 数据网格时无数据显示

我正在使用 radzen 数据网格显示 AspNetUsers 表中的用户，但没有显示任何数据。 这是我下面的代码。 @页面“/联系人” @rendermode交互式服务器 @使用 BlazorApp1.Data @...

“无法使用 Blazor InputFile 组件读取 null 错误的属性‘_blazorFilesById’”

我开始从我的 Blazor WebAssembly 应用程序收到此错误： 使用 Blazor 应用程序“无法读取 null 错误的属性 '_blazorFilesById'” 我假设这与 InputFile 组件有关...

Blazor 将 html 绑定到文本区域

这看起来很简单，但我一直找不到答案。在我的 Blazor 服务器端程序中，我有一个弹出电子邮件表单，我预先填充了文本，然后用户可以对其进行编辑并单击发送...

Rider 中的 Blazor 热重装

我正在构建什么 我正在使用 .NET 8.0 构建 Blazor（交互式服务器）Web 应用程序 机器与软件 我使用的是配备 macOS Sonoma 和 Rider 2024.2 的 Mac Pro（Intel 2019）。所有软件...