c# - Blazor 布局 = null

标签 c# asp.net-core razor blazor

拜托,我需要一种方法来掌握 Blazor 多层布局,但现在,我迫切需要知道如何清空布局,以便我可以添加“

”中的所有内容
<html> 

</html>

`

我自己直接在@page上。

我为什么要这样做?

在 MVC 中,我可以使 ViewModel 继承自 _layout ViewModel,以便我可以在导航和侧面导航中动态添加用户图像、名称、属性...,甚至隐藏一些导航选项。如下图所示。

An AdminLTE menu

最佳答案

看起来您想自定义 MainLayout?

您可以清除它,打开MainLayout.razor(_Layout所在的位置)并仅在其中添加@Body:

@inherits LayoutComponentBase

@Body        

从您的示例来看,您似乎只想自定义您的NavMenu

都是一样的,打开NavMenu.razor,修改导航即可。

对于扩展,如果你想要不同类型的Layout,你可以使用NavigationManager来

检查你的url中的参数,它将使用相关的布局,例如:

@inherits LayoutComponentBase
@inject NavigationManager _navManager

@if (_navManager.Uri.Contains("CustomLayout1"))
{
    @Body                
}
else
{
<div class="page">
    <div class="sidebar">
        <NavMenu />
    </div>

    <div class="main">
        <div class="top-row px-4">
            <a href="https://learn.microsoft.com/aspnet/" target="_blank">About</a>
        </div>

        <div class="content px-4">
            @Body
        </div>
    </div>
</div>
 }

因此,如果页面是 @page "/CustomLayout1/counter" 那么它将在本演示中使用您的 null MainLayout。

关于c# - Blazor 布局 = null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67617172/

相关文章:

c# - C# 中的 CS0649 错误

c# - 在 IIS .net 核心 wwwroot 上找不到 CSS 文件夹

asp.net-core - ASP.NET CORE - 获取 API URL

asp.net-core - 使用 OpenIddict 的授权代码流程和 PKCE 示例

javascript - 服务器上的 AJAX 成功功能

c# - TFS 2012 插件在保存多个工作项时缺少事件?

c# - 在数据库中存储数组的最佳方式

c# - 返回不同类型的函数?

c# - MVC 3 : What's the most common way of asynchronously loading form fields based on previous choices?

asp.net - 如何有条件地格式化 Kendo UI 网格单元格(取决于值) Razor