1
<%
@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2"
%>
2![](/Images/OutliningIndicators/None.gif)
3
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
4
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
5
<
head
runat
="server"
>
6
<
title
>
Tabs
</
title
>
7
</
head
>
8
<
body
>
9
<
form
id
="form1"
runat
="server"
>
10
<
div
>
11
<
fieldset
>
12
<
legend
>
13
<
asp:Button
ID
="btnView1"
runat
="server"
Text
="显示View1"
BackColor
="ControlLight"
OnClick
="btnView1_Click"
/>
14
<
asp:Button
ID
="btnView2"
runat
="server"
Text
="显示View2"
BackColor
="ControlLight"
OnClick
="btnView2_Click"
/>
15
<
asp:Button
ID
="btnView3"
runat
="server"
Text
="显示View3"
BackColor
="ControlLight"
OnClick
="btnView3_Click"
/>
16
</
legend
>
17
<
asp:MultiView
ID
="MultiView1"
runat
="server"
OnActiveViewChanged
="MultiView1_ActiveViewChanged"
>
18
<
asp:View
ID
="View1"
runat
="server"
>
19
<
span
style
="color: background"
>
这是View1!
</
span
></
asp:View
>
20
<
asp:View
ID
="View2"
runat
="server"
>
21
<
span
style
="color: #ff66cc"
>
这是View2!
</
span
></
asp:View
>
22
<
asp:View
ID
="View3"
runat
="server"
>
23
<
span
style
="color: darkolivegreen"
>
这是View3!
</
span
></
asp:View
>
24
</
asp:MultiView
></
fieldset
>
25
</
div
>
26
</
form
>
27
</
body
>
28
</
html
>
29
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
2
![](/Images/OutliningIndicators/None.gif)
3
![](/Images/OutliningIndicators/None.gif)
4
![](/Images/OutliningIndicators/None.gif)
5
![](/Images/OutliningIndicators/None.gif)
6
![](/Images/OutliningIndicators/None.gif)
7
![](/Images/OutliningIndicators/None.gif)
8
![](/Images/OutliningIndicators/None.gif)
9
![](/Images/OutliningIndicators/None.gif)
10
![](/Images/OutliningIndicators/None.gif)
11
![](/Images/OutliningIndicators/None.gif)
12
![](/Images/OutliningIndicators/None.gif)
13
![](/Images/OutliningIndicators/None.gif)
14
![](/Images/OutliningIndicators/None.gif)
15
![](/Images/OutliningIndicators/None.gif)
16
![](/Images/OutliningIndicators/None.gif)
17
![](/Images/OutliningIndicators/None.gif)
18
![](/Images/OutliningIndicators/None.gif)
19
![](/Images/OutliningIndicators/None.gif)
20
![](/Images/OutliningIndicators/None.gif)
21
![](/Images/OutliningIndicators/None.gif)
22
![](/Images/OutliningIndicators/None.gif)
23
![](/Images/OutliningIndicators/None.gif)
24
![](/Images/OutliningIndicators/None.gif)
25
![](/Images/OutliningIndicators/None.gif)
26
![](/Images/OutliningIndicators/None.gif)
27
![](/Images/OutliningIndicators/None.gif)
28
![](/Images/OutliningIndicators/None.gif)
29
![](/Images/OutliningIndicators/None.gif)
1
using
System;
2
using
System.Data;
3
using
System.Configuration;
4
using
System.Collections;
5
using
System.Web;
6
using
System.Web.Security;
7
using
System.Web.UI;
8
using
System.Web.UI.WebControls;
9
using
System.Web.UI.WebControls.WebParts;
10
using
System.Web.UI.HtmlControls;
11![](/Images/OutliningIndicators/None.gif)
12
public
partial
class
Default2 : System.Web.UI.Page
13![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
{
14
protected void Page_Load(object sender, EventArgs e)
15![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
16
if (!IsPostBack)
17![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
18
MultiView1.ActiveViewIndex = 0;
19
}
20
}
21
protected void MultiView1_ActiveViewChanged(object sender, EventArgs e)
22![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
23
switch (MultiView1.ActiveViewIndex)
24![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
25
case 0:
26
btnView1.BorderStyle = BorderStyle.Inset; ;
27
btnView2.BorderStyle = BorderStyle.NotSet; ;
28
btnView3.BorderStyle = BorderStyle.NotSet;
29
break;
30
case 1:
31
btnView2.BorderStyle = BorderStyle.Inset; ;
32
btnView1.BorderStyle = BorderStyle.NotSet; ;
33
btnView3.BorderStyle = BorderStyle.NotSet;
34
break;
35
case 2:
36
btnView3.BorderStyle = BorderStyle.Inset; ;
37
btnView1.BorderStyle = BorderStyle.NotSet; ;
38
btnView2.BorderStyle = BorderStyle.NotSet;
39
break;
40
}
41
}
42
protected void btnView1_Click(object sender, EventArgs e)
43![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
44
MultiView1.ActiveViewIndex = 0;
45
}
46
protected void btnView2_Click(object sender, EventArgs e)
47![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
48
MultiView1.ActiveViewIndex = 1;
49
}
50
protected void btnView3_Click(object sender, EventArgs e)
51![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
52
MultiView1.ActiveViewIndex = 2;
53
}
54
}
演示图片:
![](/Images/OutliningIndicators/None.gif)
2
![](/Images/OutliningIndicators/None.gif)
3
![](/Images/OutliningIndicators/None.gif)
4
![](/Images/OutliningIndicators/None.gif)
5
![](/Images/OutliningIndicators/None.gif)
6
![](/Images/OutliningIndicators/None.gif)
7
![](/Images/OutliningIndicators/None.gif)
8
![](/Images/OutliningIndicators/None.gif)
9
![](/Images/OutliningIndicators/None.gif)
10
![](/Images/OutliningIndicators/None.gif)
11
![](/Images/OutliningIndicators/None.gif)
12
![](/Images/OutliningIndicators/None.gif)
13
![](/Images/OutliningIndicators/ExpandedBlockStart.gif)
![](/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
14
![](/Images/OutliningIndicators/InBlock.gif)
15
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
16
![](/Images/OutliningIndicators/InBlock.gif)
17
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
18
![](/Images/OutliningIndicators/InBlock.gif)
19
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
20
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
21
![](/Images/OutliningIndicators/InBlock.gif)
22
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
23
![](/Images/OutliningIndicators/InBlock.gif)
24
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
25
![](/Images/OutliningIndicators/InBlock.gif)
26
![](/Images/OutliningIndicators/InBlock.gif)
27
![](/Images/OutliningIndicators/InBlock.gif)
28
![](/Images/OutliningIndicators/InBlock.gif)
29
![](/Images/OutliningIndicators/InBlock.gif)
30
![](/Images/OutliningIndicators/InBlock.gif)
31
![](/Images/OutliningIndicators/InBlock.gif)
32
![](/Images/OutliningIndicators/InBlock.gif)
33
![](/Images/OutliningIndicators/InBlock.gif)
34
![](/Images/OutliningIndicators/InBlock.gif)
35
![](/Images/OutliningIndicators/InBlock.gif)
36
![](/Images/OutliningIndicators/InBlock.gif)
37
![](/Images/OutliningIndicators/InBlock.gif)
38
![](/Images/OutliningIndicators/InBlock.gif)
39
![](/Images/OutliningIndicators/InBlock.gif)
40
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
41
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
42
![](/Images/OutliningIndicators/InBlock.gif)
43
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
44
![](/Images/OutliningIndicators/InBlock.gif)
45
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
46
![](/Images/OutliningIndicators/InBlock.gif)
47
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
48
![](/Images/OutliningIndicators/InBlock.gif)
49
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
50
![](/Images/OutliningIndicators/InBlock.gif)
51
![](/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](/Images/OutliningIndicators/ContractedSubBlock.gif)
![](https://www.cnblogs.com/Images/dot.gif)
52
![](/Images/OutliningIndicators/InBlock.gif)
53
![](/Images/OutliningIndicators/ExpandedSubBlockEnd.gif)
54
![](/Images/OutliningIndicators/ExpandedBlockEnd.gif)
![](https://images.cnblogs.com/cnblogs_com/gyche/tab1.jpg)
![](https://images.cnblogs.com/cnblogs_com/gyche/tab2.jpg)