Blazor是一个Web框架,允许开发人员在.NET中编写客户端代码。它是ASP.NET Core的一部分,称为“Razor Components”。
MudDialog - 如何在按下返回键时执行默认操作按钮?
考虑下面的这个对话框,我该如何: 将“创建”按钮设置为默认(或提交)按钮? 启用 MudTextField 在按回车(回车)键时提交? 添加 ButtonType="ButtonType.Submit" ...
页面导航后 Blazor .NET8 应用程序中的 Google 地图控件出现重复图标
Blazor .NET8 应用程序中 Google 地图按钮上的重复图标问题 我在 Blazor .NET8 应用程序中遇到反复出现的问题,其中 Google 地图上的按钮(例如 zo...
使用 .razor.css 时 Blazor/Razor 组件中的样式问题
当我将样式移动到单独的 CSS 文件时,尝试将样式应用到 Blazor/Razor 组件时遇到问题。在我的项目中,我在 .razor 组件中定义样式,并且在应用 sty 时...
我正在将 Razor 组件集成到 Blazor Web assembly 项目中的 ASP.NET Core Razor 页面中,以保持客户端和服务器之间的 UI 一致。 这些组件之一是多...
IIS 10 中的 Web 应用程序始终运行不工作(Blazor Web 服务器)
IIS 几小时后停止 如图所示,IIS 10 中的辅助应用程序在几个小时不活动后会停止。 我几乎可以肯定我必须安装 **应用程序初始化 ** 模块,
我有一些使用我们公司 oidc 的 blazor 服务器端应用程序 所以启动我有: builder.Services.AddAuthentication(选项=> { options.DefaultScheme = CookieAuthenticationDefaults.
在 Blazor Web 程序集应用程序中,选择“天气”选项时,附加到 元素的 @onchange 事件无法触发。 目标是动态渲染 在 Blazor Web 程序集应用程序中,选择“天气”选项时,附加到 @onchange 元素的 <select> 事件无法触发。 目标是根据所选选项动态渲染组件,但事件未按预期响应。 @page "/" <PageTitle>Home</PageTitle> <h1>Hello, world!</h1> Welcome to your new app. <h2>Dynamic Component</h2> <select @onchange="ChangeValue"> /* doesn't fire */ <option value="Default">select</option> <option value="Weather">Weather</option> </select> @if(selectedType is not null) { <div class="p-2 mt-2"> <DynamicComponent Type="selectedType"/> </div> } else { <h3>Waiting...</h3> } @code { private Type? selectedType; private Dictionary<String, Type> components = new Dictionary<string, Type>() { ["Weather"] = typeof(Weather) }; public void ChangeValue(ChangeEventArgs e) { Console.WriteLine("entre"); if (e.Value is String DropdownValue) { selectedType = components[DropdownValue]; } else { selectedType = null; } } } 有些东西你没有向我们展示。这是在 Net8 中,将代码粘贴到 Home 时在 Global 位置设置的 WebAssembly Interactivity 中的结果。
我正在尝试将 Stripe 付款集成到我的 Blazor 应用程序中。正如预测的那样,我的页面上必须有一个 标签。 https://stripe.com/docs/billing/quickstart 我的问题是,...</desc> <question vote="5"> <p>我正在尝试将 Stripe 付款集成到我的 Blazor 应用程序中。正如预测的那样,我的页面上必须有一个 <pre><code><script></code></pre> 标签。</p> <p><a href="https://stripe.com/docs/billing/quickstart" rel="noreferrer">https://stripe.com/docs/billing/quickstart</a></p> <p>我的问题是,如何将此脚本标记添加到 Blazor 中的 Razor 页面。我已经使用互操作来定义我自己的 JS 文件并调用它们的方法,但我需要将此脚本添加到 DOM 中。</p> <p>本文档仅向我展示如何连接到我自己的 JavsScript 文件:</p> <p><a href="https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet?view=aspnetcore-6.0#javascript-isolation-in-javascript-modules" rel="noreferrer">https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet?view=aspnetcore-6.0#javascript-isolation-in-javascript-modules</a> </p> </question> <answer tick="false" vote="2"> <p>您可以使用 blazor wasm 的新功能并使用 JSExportAttribute 和 JSImportAttribute 并处理 .net 中的 js 模块 您也可以阅读文档<a href="https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/?view=aspnetcore-7.0" rel="nofollow noreferrer">这里</a></p> <p><strong>编辑于2023年10月10日</strong></p> <p>在 .NET 8 中,您可以使用 <pre><code><script></code></pre> 标签在剃刀组件和页面中添加外部 JS 文件,并且编译器在使用该文件时不再出现错误</p> </answer> <answer tick="false" vote="0"> <p>Sajjad Arash 的继续回答<strong> 在页面底部添加:</strong> </p><code><script src="../Components/Pages/Component.razor.js"></script> </code><pre> </pre> </answer></body>
在研究在 Blazor 应用程序中实现简单的会话存储时,我发现了对 Microsoft.AspNetCore.Components.Server.ProtectedBrowserStorage 的多个引用以及似乎是一些...
我想创建一个组件,使用户能够从原告列表中**自动完成**,此外还允许他们**创建**一个新原告(如果**找不到结果**)。我知道那...
我正在阅读文档和资源,但仍然不明白何时应该使用 *.Client 项目,该项目附带来自 blazor -int Auto Examples 的模板。 所以客户项目是一个
dotnet 如何知道 _Imports.razor 在哪里?
使用 dotnet 创建 Blazor 项目时,会在 Components 目录中创建新的 blazor _Imports.razor。运行良好。 我的服务器端 Blazor 项目已从 .NET Co 逐渐“变异”...
这是我页面的一部分。 @page“/campaigns/{id:int}” @inject ICampaignService CampaignService @inject NavigationManager 导航管理器 活动详情页面 这是我页面的一部分。 @page "/campaigns/{id:int}" @inject ICampaignService CampaignService @inject NavigationManager NavigationManager <PageTitle>Campaign Detail Page</PageTitle> @if (campaign == null) { <span>@message</span> <p><button class="btn btn-primary" @onclick="(() => ShowAll())">Back to Campaigns</button></p> } else { <div class="row"> <div class="col-sm-8"> <div class="container p-3 my-3 border"> <h1>@campaign.Title</h1> <p>@campaign.Description</p> <p>This container has a border and some extra padding and margins.</p> </div> </div> <div class="col-sm-4"> <ChaptersByCampaignList /> 这是 ChaptersByCampaignList 组件。 @inject IChapterService ChapterService <h3>Chapters</h3> <ul class="list-group"> @if (ChapterService.ChaptersByCampaign == null) { <li class="list-group-item">No Chapters</li> } else { @foreach (var dbObject in ChapterService.ChaptersByCampaign) { <li class="list-group-item">@dbObject.OrderIndex - @dbObject.Title</li> } } </ul> @code { [Parameter] public int Id { get; set; } protected override async Task OnParametersSetAsync() { await ChapterService.GetAllByCampaignId(Id); } } ChaptersService 有这些代码片段。 public List<Chapter> Chapters { get; set; } public List<Chapter> ChaptersByCampaign { get; set; } public async Task GetAllByCampaignId(int id) { var response = await _httpClient.GetFromJsonAsync<List<Chapter>>($"api/chapters/campaign/{id}"); if (response != null) ChaptersByCampaign = response; } 首先,ChaptersByCampaignList 组件似乎没有通过 URL 获取 CampaignId 传递,通过调试我可以看到它一直设置为 0。我需要从传递 URL @page "/campaigns/{ id:int}" 谢谢! 当然,当我提交这篇文章时,我就有了一个想法。只需这样做 <ChaptersByCampaignList Id="@Id" /> 将参数传递给组件。
使用 GetFromJsonAsAsyncEnumerable 发送对象
通过 MinimalAPI 和 FastEndpoints 使用 .net8.0 Blazor Web 应用程序。目前,要将对象发送到返回列表的 get 请求,我正在使用 var req = new GetAgencyListRequest() ...
我在 .NET 8 中有一个 blazor 应用程序。我的 App.razor 文件如下所示; 我在 .NET 8 中有一个 blazor 应用程序。我的 App.razor 文件如下所示; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <base href="/" /> <link rel="stylesheet" href="bootstrap/bootstrap.min.css" /> <link rel="stylesheet" href="app.css" /> <link rel="icon" type="image/png" href="favicon.png" /> <HeadOutlet /> </head> <body> <Routes /> <script src="_framework/blazor.web.js"></script> </body> </html> 在本地运行时,引导文件和所有重定向都会成功运行。但是,在测试环境中,无法访问引导程序文件,因为我的应用程序在测试环境中以类似 test.blabla.com/appname 的地址打开。 我期待在 test.blabla.com/appname/bootstrap/bootstrap.min.css 下搜索引导程序文件,但它不会在此地址中搜索它搜索 test.blabla.com/bootstrap/bootstrap.min.css所以找不到。 我尝试使用 <base href="~/" /> 和 <base href="@NavigationManager.BaseUri" /> 代替 <base href="/" /> 但没有用。通过输入 <base href="appname/" /> 问题就解决了,但是这次在本地出现错误。我该如何解决这个问题? 你可以这样做: @inject IHostEnvironment Env @if (Env.IsDevelopment()) { <base href="/appname/" /> } else { <base href="/" /> } 相应地调整 if 条件,例如检查您的环境变量或其他所需的逻辑。
我有: 我有: <div @onfocusout="@((e) => HidedicList(e))"> <input for="toggleVendors" class="form-control label-toggle" placeholder="Vendor Information" @onchange="selectedValue" @onfocus="@((e) => ShowdicList(e))" /> <input type="checkbox" id="toggleVendors" class="hidden-checkbox" > <div id="diclist" class="@showhide"> <ul> @foreach (var item in (Dictionary<int,string>)this.selectListItems.Items) { <li><input type="checkbox" id="@item.Key" @onchange="@((e) => CheckboxChanged(e, @item.Key))" value="@item.Value" /> @item.Value</li> } </ul> </div> </div> 我正在尝试“滚动我自己的”下拉菜单(有充分的理由为什么我不能使用现有的方法,例如带有选项的数据列表),当焦点在整个 div 上丢失时,一切似乎都可以接受,我想关闭内部 div 。因此,我单击输入框,内部 div 显示我的项目。一旦我开始尝试选择列表中的一个复选框,onfocusout 事件就会在我的外部 div 上触发。如果我将事件移动到内部 div,它不会立即触发事件,但在我选择列表中的复选框后它仍然会触发。 首先,不知道为什么,但在这种情况下箭头功能对我不起作用。尝试去做 其次,据我所知 onfocusout 不适用于 div,有一个 hack 可以定义 tabIndex 使其工作:
Blazor 的 MediatR 通知 (WASM) - 事件处理程序不更新 UI
我正在尝试在客户端 Blazor 应用程序中连接 MediatR,纯粹是为了处理组件之间的事件通知。 事件已发布,并由带有
Blazor Maui Hybrid Android 无法显示应用程序数据目录中的视频 - 即使使用自定义文件提供程序
我一直在使用这里建议的解决方案,在 BlazorWebView 中显示存储在应用程序数据目录中的音频和视频。这些文件在 Windows 上正确呈现,但在 Android 上却无法...
MSAL 身份验证 - WASM Web 应用程序 - 无法构造 URL
我需要你们聪明人的帮助。 我需要使用 EntraID 进行 msal 身份验证。我有一个 net 6 wasm 应用程序,但遇到了愚蠢的错误 - 我必须查看我的 appsettings.json 文件...
我正在开发 Blazor 服务器应用程序。我设置了 2 个 cookie,它们在 VS 中运行得很好,但我将它部署到我们的开发服务器上,它开始抛出关于不允许第三方厨师的错误...