blazor 相关问题

Blazor是一个Web框架,允许开发人员在.NET中编写客户端代码。它是ASP.NET Core的一部分,称为“Razor Components”。

Blazor Web 应用程序 - 在用户登录时根据详细信息更改导航菜单选项

我有一个 Blazor Web 应用程序 - .net 8。我使用 Microsoft Entra 登录用户。然后,该用户将被添加到我们自己的数据库中,并且必须链接到一个帐户。如果它们是链接的,导航菜单应该...

回答 1 投票 0

Blazor 组件状态和渲染清晰度

我有一个剃刀页面: @页面“/文件管理器” 在FolderComponent.razor中我有 一些东西 我有一个剃须刀页面: @page "/filemanager" <FolderComponent/> 在FolderComponent.razor中我有 <p2> some stuff </p2> <MyModalComponent @ref="modalref"/> MyModalComponent.razor 看起来像: @if (showModal) { <h1>Modal Body</h1> } @code{ bool showModal = false; public void ShowModal() { showModal = true; } } 当我尝试通过 <MyModalComponent> 更改 @ref 状态时,使用 modalref.ShowModal() 中的 <FolderComponent>,状态发生更改,但模式不显示。它仅显示我是否调用StateHasChanged()或从FolderComponent传递某种状态[Parameter]并以这种方式控制逻辑,这是为什么? 我也可以重现这个问题,那是因为我们使用的是服务器端渲染的 blazor 服务器。 当我们使用 @ref 为子组件创建引用,然后使用 ref 调用方法并更改子组件内部的变量值时,值会更改,但视图不会重新渲染。就像您分享的那样,我们可以使用 StateHasChanged(); 强制子组件重新渲染。 @code { bool showModal = false; public void ShowModal() { showModal = true; StateHasChanged(); } } StateHasChanged 通知组件其状态已更改。 通知组件其状态已更改。当适用, 这将导致组件重新渲染。

回答 1 投票 0

如何保护 Blazor Web 应用程序中的静态资源?

我有一个 Blazor webapp SSR+服务器,使用 blazor 8 webapp 模板提供的新身份验证进行保护。 问题是如何保护

回答 1 投票 0

Blazor 8 推送通知

我正在尝试读取组件中的通知,但推送后没有任何反应。 [A.Razor] 将我的 HubConnection 调用为 SendAsync,它调用它但是在我的其他组件上 [MainLayout.razor] 我确实...

回答 1 投票 0

向 Blazor Bootstrap 饼图添加数据标签

我正在按照 Blazor Bootstrap 演示创建饼图:https://docs.blazorbootstrap.com/data-visualization/pie-chart 我可以成功制作常规饼图,但是,我无法...

回答 1 投票 0

如何在 MudBlazor 上覆盖 MudExpansionPanel 的 onExpand 和 onClick

我试图在单击扩展面板时调用 GetComments 函数,我有两个问题,第一是当我单击打开另一个面板时面板没有关闭,第二是

回答 1 投票 0

Blazor Server Web 应用程序导航带参数?

我在 .Net 8 上有 Blazor Server 应用程序。我正在探索应用程序内部导航的不同选项。我已经实现了两种方法 - 使用

回答 1 投票 0

Visual Studio 项目的“根”在哪里?

我正在按照此处找到的 Microsoft 教程使用 Blazor 构建待办事项列表: https://learn.microsoft.com/en-us/training/modules/build-blazor-todo-list/3-exercise-data-binding 我被困在...

回答 1 投票 0

即使参数尚未更改,C# Blazor onParametersSetAsync 也会被调用

我正在尝试了解 Blazor 的行为方式。我正在通过暂时删除注释其他代码来调试某些内容,以免被破坏并确保我所观察到的内容。代码如下...

回答 3 投票 0

Blazor Azure 部署错误:“错误:无法从存储库检测到语言。”

我正在尝试将 Blazor .NET 6 应用程序部署到 Azure 静态 Web 应用程序。 问题是当我设置构建时它崩溃了: 错误:无法从存储库中检测到语言。 我的部署配置: 名称:

回答 1 投票 0

如何在 Blazor 服务器应用程序中不使用绑定的情况下更新 html 输入的值

当您使用 @bind 或 value 时,Blazorn 在文本和文本区域等自由打字输入控件上存在问题,因为它不断与服务器通信,因此在快速输入这些内容时...

回答 1 投票 0

如何以编程方式确定 Blazor 渲染模式

如何获取 Blazor 用于我的组件的渲染模式。有这个建议,但它也不适用于汽车。我想验证我是否已正确配置所有内容,所以...

回答 1 投票 0

在外部单击或使用关闭按钮时关闭对话框

单击按钮后会出现调色板对话框。我试图通过关闭按钮或单击调色板对话框之外的任何位置来关闭调色板。由于有电流...

回答 1 投票 0

Blazor .net 8 多租户 - 如何在类 ApplicationDbContext.OnConfiguring 中获取主机名(不在组件中)从 ASP.NET Core 3 转换

在我的 Blazor .net 8 项目中,我尝试在 ApplicationDbContext.OnConfiguring 类中获取主机名。我正在尝试重用我的一些 ASP.NET Core 3 代码来处理多个数据库...

回答 1 投票 0

使用 AzureAD 进行 Blazor 身份验证 - 适用于任何组织目录中的帐户

我正在尝试设置 Blazor Wasm 应用程序,以便能够从任何组织目录对用户进行身份验证。但是,当用户尝试登录时,如果电子邮件不在...

回答 1 投票 0

Android(底部)风格导航栏,MAUI blazor 上带有图标

我正在尝试将导航栏固定在模拟选项卡栏的底部,图标位于页面名称的顶部。 这是我的 NavMenu.razor 上的代码: 我正在尝试将导航栏固定在模拟选项卡栏的底部,图标位于页面名称的顶部。 这是我的 NavMenu.razor 上的代码: <nav class="navbar navbar-dark navbar-expand fixed-bottom bg-dark justify-content-center"> <div class="container-fluid"> <ul class="navbar-nav nav-justified w-100 text-center"> <li class="nav-item"> <NavLink class="nav-link d-flex flex-column" href="" Match="NavLinkMatch.All"> <i class="bi bi-house-fill" aria-hidden="true"></i> <span>Home</span> </NavLink> </li> <li class="nav-item"> <NavLink class="nav-link d-flex flex-column" href="book"> <i class="bi bi-calendar-check-fill" aria-hidden="true"></i> <span>Book</span> </NavLink> </li> <li class="nav-item"> <NavLink class="nav-link d-flex flex-column" href="profile"> <i class="bi bi-person-fill" aria-hidden="true"></i> <span>Profile</span> </NavLink> </li> <li class="nav-item"> <NavLink class="nav-link d-flex flex-column" href="settings"> <i class="bi bi-gear-fill" aria-hidden="true"></i> <span>Settings</span> </NavLink> </li> </ul> </div> 这是我的 MainLayout.razor: <div class="page"> <NavMenu /> <main> <article class="content px-4"> @Body </article> </main> 但结果很糟糕: 尽管这个 jsfiddle 显示了正确的行为: https://jsfiddle.net/5orphjv4/2/ 知道我做错了什么吗? 我可以重现您的问题,这是因为导航栏使用默认的NavMenu.razor.css。您可以通过更改默认的 css 样式来修复它。 使第一个导航项与其他导航项位于同一行: 打开NavMenu.razor下面的NavMenu.razor.css,删除以下代码: .nav-item:first-of-type { padding-top: 1rem; } 使点击效果包含文字: 打开 NavMenu.razor 下面的 NavMenu.razor.css,然后更改导航项的高度: .nav-item ::deep a { color: #d7d7d7; border-radius: 4px; height: 5rem;<!-- old value is 3rem --> display: flex; align-items: center; line-height: 3rem; } 结果图像:

回答 1 投票 0

为什么我的 MAUI Blazor 混合应用程序将输入框放在弹出按钮上?

我有一个非常基本的 MAUI Blazor 混合应用程序,我一直根据这个视频系列构建。在“Windows Machine”下调试时,它会显示带有 4 个选项的左侧导航栏。直到

回答 1 投票 0

Blazor 应用程序部署到 iis 服务器后未加载

我已将应用程序部署到 IIS 服务器,当页面尝试加载时出现以下错误 我收到此页面不工作网站当前无法处理此请求。 HTTP 错误 500

回答 1 投票 0

为什么 OnInitializedAsync() 在页面重新加载时调用两次

通常,在 Blazor 版本 8 中创建和呈现页面时,RenderMode.InteractiveServer 会调用一次 OnInitializedAsync()。但是当我在 Chrome 上执行 Reload 时,它会被调用两次。一个...

回答 1 投票 0

Microsoft.FluentUI 刷新时渲染问题

使用FluentUI时出现渲染问题。 问题是 - 当您刷新页面(F5)时 - 它正在闪烁(看起来最初它是在没有任何样式的情况下渲染的,并且仅在几毫秒后......

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.