使用ASP.NET在MVC应用程序中的选项卡

Question

在我的应用程序中，我在页面顶部有一个标签，每个标签都应该呈现一个新页面。

选项卡在Layouts文件中定义，因为它将成为标准视图的一部分。

现在我为每个选项创建了不同的视图，例如project是其中一个标签。

因此，当我单击选项卡选项时，它将如何基于我选择的选项卡呈现正文？

我已经使用了Foundation布局选项卡，但需要jquery挂钩才能启动事件。

任何示例或回复都会很棒

Answer 1

尝试jQuery UI Tabs

编辑1：

<div id="tabs"> 
    <ul> 
        <li><a href="#projects">Projects</a></li> 
        <li><a href="#tab-2">Tab 2</a></li> 
        <li><a href="#tab-3">Tab 3</a></li> 
    </ul> 

    <div id="projects"> 
        <% Html.RenderAction("Projects", "Home"); %> 
    </div> 

    <div id="tab-2"> 
        <% Html.RenderAction("TabTwo", "Home"); %> 
    </div> 

    <div id="tab-3"> 
        <% Html.RenderAction("TabThree", "Home"); %> 
    </div> 
</div>

如果您希望方法仅使用子视图，请使用[ChildActionOnly]修饰标签操作方法。