Question

我有一个页面，屏幕顶部有标签。单击选项卡后，我不希望将其重定向到其他网页，而是使用我的部分视图填充选项卡下的区域。我有四个标签，所以我需要四个局部视图。我不知道如何渲染部分视图。标签不是按钮，而是图像。

以我的代码现在的方式，当我点击我想要定向的选项卡时，它只是将该选项卡视图页面上的信息呈现为完整视图。它会完全刷新页面并将我重定向到不带标签的不同页面，只显示部分视图中的内容。

控制器

        [HttpPost]
        public ActionResult ProfilesTab()
        {
            return View();
        }

索引

<div id="TabBar">
    <form class="TabActive" method="POST" action="Home/ServersTab">
        <input class="TabIcon" type="image" src="~/Images/servers_orange.png" alt="Servers" />
        <b class="TabLabel">Servers</b>
        <div>@Html.Partial("ServersTab")</div>
    </form>
    <form class="TabInactive" method="POST" action="Home/ProfilesTab">
        <input class="TabIcon" type="image" src="~/Images/profiles_white.png" alt="Profiles" />
        <b class="TabLabel">Profiles</b>
    <div>@Html.Partial("ProfilesTab")</div>
</form>
</div>

部分视图现在只有文本用于测试目的。我的控制器是HomeController，索引页面是Index.cshtml，部分视图是ServersTab和ProfilesTab.cshtml。

我不确定是否需要javascript功能，或者是否可以使用Razor View引擎完成此操作。

任何帮助将不胜感激

Answer 1

您将被重定向到不同的页面，因为我可以在里面看到表单，这些表单会被发布。如果您有一些重要的事情要发布，那么请通过Ajax调用并使用Div。

替换表单

渲染图像上的部分视图单击MVC5

1 个答案: