如何在.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功能将显示元素是否隐藏，反之亦然。