c# - 如何在 asp.net 中显示选项卡控件

Question

我正在使用 .NET Framework 4.0 开发 C# .NET Web 应用程序。

在那里，我需要像我们的网络浏览器一样显示一个包含 3 个选项卡的页面。每个选项卡都有不同的功能。

如何使用 .NET Framework 4.0 在 Visual Studio 中创建选项卡控件，是否有任何内置的选项卡控件？

问候

Answer 1

有 AJAX 控制工具包 tabs和 jQuery UI tabs .我都使用过并且更喜欢 jQuery UI。 Microsoft 正式在 Web 应用程序中包含/推荐 jQuery。

如果每个选项卡都有完全独立的内容，我会建议呈现一个简单的、样式化的链接栏，并让每个元素链接到一个新的页面/ View 。这样，隐藏的内容在需要时才会呈现。

jQuery 用户界面示例

请注意，这与 .NET 或 Visual Studio 没有任何关系；这是一个纯粹的客户端解决方案。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<script>

$(function() {
    $( "#tabs" ).tabs();
});

</script>

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1">Content 1</div>
    <div id="tabs-2">Content 2</div>
    <div id="tabs-3">Content 3</div>
</div>