如何在.NET MVC应用程序的href标记内呈现部分视图

Question

我想在href标记上呈现部分视图，但是它不起作用。谁能建议我要去哪里错了？

感谢您的指导和帮助。

在_Layout.cshtml

 <li>

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

我想点击_LoginPartial来渲染Login/Signup。

请建议我。

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函数将显示元素是否被隐藏，反之亦然。