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

时间:2012-03-29 08:17:58

标签: c# asp.net visual-studio .net-4.0 tabcontrol

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

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

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

问候

1 个答案:

答案 0 :(得分:13)

有AJAX控件工具包tabsjQuery UI tabs。我使用过两者并且更喜欢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>