如何在.NET MVC應用程序的href標記內呈現部分視圖

Question

我想在href標記上呈現部分視圖，但是它不起作用。 誰能建議我要去哪里錯了？

感謝您的指導和幫助。

在_Layout.cshtml中

 <li>

   <a class="btn btn-outline-primary ml-3" href="#">Login / Signup</a>
   </li>
     @Html.Partial("_LoginPartial")

我想在單擊Login/Signup呈現_LoginPartial 。

請給我建議。

Answer 1

有一些可能性：

• 您可以通過在返回部分視圖的控制器上調用操作來呈現它。
• 您可以像以前一樣渲染它，但是使用CSS隱藏它。 當用戶單擊按鈕時，您將通過javascript顯示部分視圖。

第二個比第一個更容易。 樣品：

例如，您可以添加一個視圖，並通過通過CSS添加display:none將其隱藏。

<li>
   <a id="loginButton" class="btn btn-outline-primary ml-3" href="#">Login / Signup</a>
</li>

<div id="loginView" style="display:none;">
   @Html.Partial("_LoginPartial")
</div>

並在javascript / jquery的登錄按鈕上添加click事件：

$("#loginButton").on("click", function() {
   $("#loginView").toggle();
});

toggle功能將顯示元素是否隱藏，反之亦然。