在asp.net网页中实现tabPage功能（上）

最新推荐文章于 2025-10-05 13:25:12 发布

原创

最新推荐文章于 2025-10-05 13:25:12 发布 · 6.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #asp #menu #server #html #div

本文介绍了如何在ASP.NET网页中实现类似TabControl的TabPage功能，通过结合Menu控件和MultiView控件进行实现。首先，设置Menu控件的Orientation属性为Horizontal，并为每个Item分配数值作为Value。然后，使用相对定位的MultiView控件包含多个View，每个View代表一个页面。最后，通过设置ActiveViewIndex和添加MenuItemClick事件代码来控制页面的切换和默认显示。

我是个.net新手，所以我写的东西在好些高手们看来似乎比较粗浅，还请大家海涵！并希望大家多多指导、多提意见，我会十分感激的，谢谢！

前几天在做一个项目时，项目经理非要让我在asp.net网页中实现类似Windows Form程序中类似TabControl(TabPage)那样的功能，但大家都知道，asp.net中是不提供这种控件的，那如何实现呢？

第一种方法是用Menu控件+MultiView控件实现：

第一步是在网页中拖入一个Menu控件，编辑一下项目，并设置一下它的属性通常要把Orientation属性设为Horizontal，每加入一个Item，建议把它的Value设为一个数字，比如1，2，3……，这样方便我们后面的编程：

第二步是在网页中拖入一个MultiView控件（注意它的css定位属性一定要是相对定位，relative!），它实际上是View控件的容器：

第三步是往MultiView控件里面拖入若干个View控件，每个View控件都相当于一个页面，我们可以像编辑普通页面那样编辑每一个View：

至此，网页的原型已经做好了，它的源代码如下：

<%...@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
     <title>tabPage</title>
</head>
<body>
     <form id="form1" runat="server">
     <div>