Blazor是一个Web框架,允许开发人员在.NET中编写客户端代码。它是ASP.NET Core的一部分,称为“Razor Components”。
我使用 Carl Franklin 的 (youtu.be/sem1s92skAU?t=665) 模式来处理应用程序状态和事件回调,而不是需要处理的事件。这是基本代码: 在页面组件中: 应用程序状态。
为什么 NavigationManager 在按钮事件中不起作用?
@注入NavigationManager N 测试 @代码 { 私人无效导航() { N.NavigateTo("/t&quo...
我有一个 Blazor WASM 应用程序,我正在尝试使用自定义授权属性/处理程序而不是内置的 [Authorize] 属性/处理程序。我遵循与保护最小 API 相同的方法
我目前正在使用 Blazor WebAssembly 设计一个网站。我有一个要使用 Virtualize 组件显示的列表。对于基本使用,我在网上找到了所需的文档。 然而,...
SafeArea 无法在 .NET MAUI Blazor 应用程序中带有缺口的 Android 设备(例如 Pixel 7)上运行
我在 .NET MAUI Blazor 应用程序中遇到问题,其中 SafeArea 在带有凹口的 Android 设备(例如 Pixel 7)上无法按预期运行。此问题在更新
如何在 Blazor 服务器端 razor 组件中导入 IConfiguration?
我有一个 razor 组件,我想在 appsettings.json 文件中使用配置值,并且我按照此处的示例操作:注入 IConfiguration 但这在 @c 内部不起作用...
blazor web 应用程序,javascript 调用追加方法问题
我的项目是 blazor Web 应用程序(.net 9.0) .剃刀代码: 我的项目是 blazor Web 应用程序 (.net 9.0) .剃须刀代码: <div> <ul class="nav nav-tabs marginBottom" id="myTab"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#profile"> 测试页1 <span class="closeTabBtn">×</span> </a> </li> </ul> </div> <div> <div class="operationDiv"> <button type="submit" class="btn" id="composeButton">Compose</button> </div> </div> .css 代码: .closeTabBtn{ background-color:gray; color:black; } javascript代码: $('#composeButton').click(function (e) { e.preventDefault(); $('.nav-tabs').append('<li class="nav-item"><a class="nav-link" href="#1">测试页<span class="closeTabBtn">×</span></a></li>'); }); 为什么通过append方法添加的标签缺少CSS样式? 在此输入图片描述 缺少 CSS 样式,因为 jQuery 的 append() 方法会在页面加载后动态添加新元素,而 CSS 规则仅应用于页面最初加载时存在的元素。 要解决此问题,您可以: // Option 1: Add styles directly in jQuery $('.nav-tabs').append('<li class="nav-item"><a class="nav-link" href="#1">测试页<span class="closeTabBtn" style="background-color:gray; color:black;">×</span></a></li>'); /* Option 2: Use a more specific CSS selector (preferred) */ .nav-tabs .closeTabBtn { background-color: gray; color: black; } 第二种方法通常是首选,因为它将样式与 JavaScript 代码分开。
我开始使用 blazor,使用一个演示项目,我遇到了字符集问题,它不起作用,也许它没有在需要的地方实现,我真的不知道。 所以我有
如何在 Blazor WASM 中调试运行时加载的 Razor 类库模块
我正在构建一个模块化 Blazor WebAssembly 应用程序,其中单独的 Razor 类库“模块”在运行时作为插件加载。主 Blazor 不引用这些模块
随着 Blazor 的发明,我想知道这两种语言之间是否存在显着的效率(无论是在代码创建方面还是在代码的实际编译/执行方面)? https://...
如何减小 Mudcheckbox 和 Radio 按钮的标签大小。我的代码是 如何减小 Mudcheckbox 和 Radio 按钮的标签大小。我的代码是 <MudCheckBox T="bool" Size=Size.Small Style="font-size:small; font-weight:bold" Label="Is Email Forward Required for 30 Days?" /> 此外,可以使用自定义数字而不是 size.large 或 size.small 来减小复选框的大小。 我也尝试过自定义CSS类,但没有成功。 您可以针对 MudBlazor 特定 CSS 类或 html 标签。 例如 <style> .my-custom-checkbox{ outline: 1px solid red; } <!-- For the checkbox label text --> .my-custom-checkbox > .mud-input-control-input-container > label > p { outline: 1px solid yellow; font-size: small; font-weight: bold; font-family: monospace; } <!-- For the checkbox icon --> .my-custom-checkbox > .mud-input-control-input-container > label > span > svg{ outline: 1px solid teal; font-size: 45px; } </style> <MudCheckBox @bind-Value="Basic_CheckBox1" Size="Size.Small" Label="Is Email Forward Required for 30 Days?"></MudCheckBox> <MudCheckBox @bind-Value="Basic_CheckBox1" Color="Color.Primary" Size="Size.Medium" Label="Is Email Forward Required for 30 Days?"></MudCheckBox> <MudCheckBox @bind-Value="Basic_CheckBox1" Color="Color.Secondary" Size="Size.Large" Label="Is Email Forward Required for 30 Days?"></MudCheckBox> <MudCheckBox @bind-Value="Basic_CheckBox1" Class="my-custom-checkbox" Label="Is Email Forward Required for 30 Days?" Color="Color.Tertiary"></MudCheckBox> @code { public bool Basic_CheckBox1 { get; set; } = true; } 👉 演示片段 我使用浏览器开发工具来找出类标签结构是什么。
我创建了 Blazor 服务器 Web 应用程序,并将其部署在 Azure 应用服务上,在“网络”选项卡中,我看到大量对 https://mywebsites0123.azurewebsites.net/_blazor?id=3OO-T6L4Bu9bMRF8QAo_5Q&_=16... 的请求...
在 Microsoft Blazor 文档的以下示例中,他们指出不在同步上下文中运行的任务中发生的异常需要发送回同步上下文...
目前,我在尝试使用 Blazor 动态填充下拉列表时收到以下错误。 我相信我已经正确创建了 TeamModel 并在页面中引用了它...
我正在尝试找出是否可以使用 Blazor 服务器制作 PWA。 在我看来,有些人“解决”这个问题的方法是将manifest.json从WebAssembly应用程序复制粘贴到...
将粘性标题/标题行添加到 mudblazor 中的选择列表中
当前有一个选择列表,其中包含与对象关联的多个属性。诸如名称、描述以及其他 3 个属性,这些属性对于某人来说可能并不明显
使用 .NET 身份验证在 NET 8 Blazor 项目中自动登录
我正在开发一个具有 .NET 身份验证的 .NET 8 Blazor 项目。我的目标是自动登录用户并根据 OTP 提供在 OnInitializedAsync 方法中重定向他们...
AuthenticationStateSerialization 不会将服务器更改反映回客户端
我有一个具有按组件渲染模式的 Blazor Web 应用程序,某些(包括路由器/布局)使用静态 SSR,某些页面/组件设置为使用禁用预渲染的 WASM。我也禁用了...
无法使用启用了自动渲染和预渲染的 Blazor 默认模板从客户端调用控制器
我刚刚开始摆弄新的默认 Blazor 模板,全局启用了自动渲染并启用了预渲染。我的 Login.Razor 组件位于客户端项目中。我想要的是那个
EditContext 未级联到从 InputBase 派生的自定义输入<T>
我已经通过从 InputBase 类派生来实现了自定义 TextInput 输入组件。经过调查,发现我的组件的EditContext属性没有初始化...