如何將參數傳遞給 ASP.NET Core 布局中的頂部導航欄？

Question

在我的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>

如您所見，我有 4 個視圖：ClientList、Import、Processing 和 PostProcessing。 在每個視圖中，我都有導航到下一個或上一個視圖的按鈕（大多數情況下這是一個順序過程），因此控制器操作在客戶端的 ID 中執行。

例如，當我進入 PostProcessing 視圖並嘗試通過單擊導航欄項查看導入視圖時，我收到一個異常，因為沒有傳遞 ID。

作為后備，我正在考慮將頂部導航欄從布局中取出並使其成為部分視圖或視圖組件並在每個頁面上呈現它，但由於在布局時這似乎違反直覺，我想知道是否有辦法能夠只使用我現有的_Layout並使用當前視圖的 ID 在我單擊鏈接時發送。

Answer 1

您必須明確地將id參數傳遞給您的錨標記，可能正在使用ViewBag或TempData 。

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

更多關於ViewBag和TempData 。

Answer 2

您的_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>

那么在_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