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

Question

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

在那,我需要显示一个页面,其中包含3个标签,就像我们的网页浏览器一样.每个选项卡都有不同的功能.

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

问候

Answer 1

有AJAX控件工具包选项卡和jQuery UI选项卡.我使用过两者并且更喜欢jQuery UI.Microsoft正式包含/推荐使用Web应用程序的jQuery.

如果每个选项卡都有完全独立的内容,我建议渲染一个简单的样式链接栏,并让每个元素链接到一个新的页面/视图.这样,隐藏的内容在需要之前不会呈现.

jQuery UI示例

请注意,这与.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>