如何将参数传递给 ASP.NET Core 布局中的顶部导航栏？

Question

Inside of my Views/Shared/_Layout.cshtml , the following navbar is in the <body> :在我的Views/Shared/_Layout.cshtml ，以下导航栏位于<body> ：

    <header>
    <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
        <div class="container">
            <a class="navbar-brand" asp-area="" asp-controller="Client" asp-action="ClientList">Client List</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
                <ul class="navbar-nav flex-grow-1">                        
                    <li class="nav-item">
                        <a class="nav-link text-dark" asp-area="" asp-controller="Client" asp-action="Import">Import</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-dark" asp-area="" asp-controller="Client" asp-action="Processing">Processing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-dark" asp-area="" asp-controller="Client" asp-action="PostProcessing">Post Processing</a>
                    </li>                        
                </ul>
            </div> 
        </div>
    </nav>
</header>

As you can see I have 4 views: ClientList, Import, Processing and PostProcessing.如您所见，我有 4 个视图：ClientList、Import、Processing 和 PostProcessing。 Inside each of those views I have buttons to navigate to the next or previous view (it's a sequential process for the most part) and as such the controller actions take in the Client's ID.在每个视图中，我都有导航到下一个或上一个视图的按钮（大多数情况下这是一个顺序过程），因此控制器操作在客户端的 ID 中执行。

When I'm in, say, the PostProcessing view and attempt to view the Import view by clicking the navbar item, I get an exception because no ID is passed.例如，当我进入 PostProcessing 视图并尝试通过单击导航栏项查看导入视图时，我收到一个异常，因为没有传递 ID。

As a fallback I was considering just taking the top navbar out of the layout and making it a Partial View or View Component and rendering that on every page but as that seems counter-intuitive while having a layout, I'm wondering if there's a way to be able to just use my existing _Layout and also use the ID of the current view to be sent when I click the link.作为后备，我正在考虑将顶部导航栏从布局中取出并使其成为部分视图或视图组件并在每个页面上呈现它，但由于在布局时这似乎违反直觉，我想知道是否有办法能够只使用我现有的_Layout并使用当前视图的 ID 在我单击链接时发送。

Answer 1

You will have to explicitly pass the id parameter to your anchor tag may be using ViewBag or TempData .您必须明确地将id参数传递给您的锚标记，可能正在使用ViewBag或TempData 。

<a class="nav-link text-dark" asp-area="" asp-controller="Client" asp-action="Import" asp-route-id="@ViewBag.Id">Import</a>

More on ViewBag and TempData .更多关于ViewBag和TempData 。

Answer 2

Your _NavbarPartial view should be as follows where each action link tag helper contain a asp-route-id="@Model" attribute.您的_NavbarPartial视图应该如下所示，其中每个操作链接标签助手都包含一个asp-route-id="@Model"属性。

@model int // <-- Must contain this

<a class="navbar-brand" asp-area="" asp-controller="Client" asp-action="ClientList" asp-route-id="@Model">Client List</a>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
</button>

<div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
            <ul class="navbar-nav flex-grow-1">                        
                <li class="nav-item">
                    <a class="nav-link text-dark" asp-area="" asp-controller="Client" asp-action="Import" asp-route-id="@Model">Import</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-dark" asp-area="" asp-controller="Client" asp-action="Processing" asp-route-id="@Model">Processing</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-dark" asp-area="" asp-controller="Client" asp-action="PostProcessing" asp-route-id="@Model">Post Processing</a>
                </li>                        
            </ul>
 </div>

Then in the _Layout should be as follows:那么在_Layout应该是这样的：

<header>
    <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
        <div class="container">
            <partial name="_NavbarPartial" model="1" /> // <-- Pass your id value as model
        </div>
    </nav>
</header>

如何将参数传递给 ASP.NET Core 布局中的顶部导航栏？

问题描述

2 个解决方案

解决方案1
1 已采纳 2019-06-18 14:11:26

解决方案2
0 2019-06-18 14:40:34

如何将参数传递给 ASP.NET Core 布局中的顶部导航栏？

问题描述

2 个解决方案

解决方案1 1 已采纳 2019-06-18 14:11:26

解决方案2 0 2019-06-18 14:40:34

解决方案1
1 已采纳 2019-06-18 14:11:26

解决方案2
0 2019-06-18 14:40:34