使用 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] 装饰您的选项卡操作方法。