aspx页面中的选项卡

时间:2010-10-28 16:55:22

标签: asp.net

我需要在我的aspx页面上放两个标签(c#)。是否已经为aspx完成了标签控制?

5 个答案:

答案 0 :(得分:4)

Ajax有你可以使用的标签:

http://www.asp.net/ajax/ajaxcontroltoolkit/samples/tabs/tabs.aspx

jQuery也有你可以使用的标签,我认为这是更好的选择:

http://jqueryui.com/demos/tabs/

在严格的ASP.NET中,您可以使用多视图,并制作标签,这是一个教程:

http://www.codeproject.com/KB/custom-controls/TabControl.aspx

答案 1 :(得分:2)

Bootstrap通常与aspx一起使用,所以我在我的网页上使用它来获取标签。 This是一个教程页面。

请在下面找到两个标签的示例:

<div id="Tabs" role="tabpanel">
<!-- Nav tabs -->
 <ul class="nav nav-tabs" role="tablist">
   <li class="active"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings tab</a></li>
   <li><a href="#info" aria-controls="info" role="tab" data-toggle="tab">Information tab</a></li>
 </ul>
<!-- Tab panes -->
 <div class="tab-content">
   <div role="tabpanel" class="tab-pane active" id="settings">
   </div>
   <div role="tabpanel" class="tab-pane" id="info">
   </div>
 </div>
</div>

您需要在页眉部分中包含bootstrap.css和bootstrap.js引用。

答案 2 :(得分:0)

没有标准的ASP.NET组件,但您可以使用Microsoft的ASP.NET AjaxControlToolkit库。 这是component

答案 3 :(得分:0)

您可以使用CSS创建简单菜单。该站点逐步向您显示如何创建一个,然后您可以根据需要进行自定义。

http://www.secondpicture.com/tutorials/web_design/css_ul_li_horizontal_css_menu.html

答案 4 :(得分:0)

[重新发布我的答案,因为有 3 个人觉得有必要破坏我的第一次尝试。有人通过使 URL 不透明使情况变得更糟,这样您就看不到它是 w3schools.com,一个众所周知的优秀教程站点。另一个批评它没有提供上下文,比如为什么它的方法可能是可取的。并且版主删除它草率,因为我看到的帖子都没有应该被删除的原因。继续删除此评论,但不要对我进行沙包并破坏我从象牙塔上帮助他人的努力。]

如果您想发送所有选项卡的内容并且只想在本地(和即时)交换体验,我推荐 https://www.w3schools.com/howto/howto_js_tabs.asp。你把你的内容放在 div 中,然后只使用一点点 JavaScript 来替换哪个可见。没有额外的/第 3 方组件或框架,只需简单的 HTML/JS 即可。