ASP.NET2.0中的TabStrip-优快云博客

本文介绍ASP.NET中MultiView控件的使用方法，通过示例代码展示如何实现页面间的导航与数据收集，适用于问卷调查等场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记得在ASP.NET1.1中有一个TabStrip的控件，当时觉得很好用，今天突然想到，于是在2.0里面死命的找，就是没有找到。但是发现了multiview这个控件，研究了一下代码：

<%@ Page Language="C#" %>

<html>

<head>

protected void NextButton_Command(object sender, EventArgs e)

{

// Determine which button was clicked

// and set the ActiveViewIndex property to

// the view selected by the user.

if (DevPollMultiView.ActiveViewIndex > -1 & DevPollMultiView.ActiveViewIndex < 3)

{

// Increment the ActiveViewIndex property

// by one to advance to the next view.

DevPollMultiView.ActiveViewIndex += 1;

}

else if (DevPollMultiView.ActiveViewIndex == 3)

{

// This is the final view.

// The user wants to save the survey results.

// Insert code here to save survey results.

// Disable the navigation buttons.

Page4Save.Enabled = false;

Page4Restart.Enabled = false;

}

else

{

throw new Exception("An error occurred.");

}

protected void BackButton_Command(object sender, EventArgs e)

{

if (DevPollMultiView.ActiveViewIndex > 0 & DevPollMultiView.ActiveViewIndex <= 2)

{

// Decrement the ActiveViewIndex property

// by one to return to the previous view.

DevPollMultiView.ActiveViewIndex -= 1;

}

else if (DevPollMultiView.ActiveViewIndex == 3)

{

// This is the final view.

// The user wants to restart the survey.

// Return to the first view.

DevPollMultiView.ActiveViewIndex = 0;

}

else

{

throw new Exception("An error occurred.");

}

</script>

</head>

<body>

<h3>MultiView ActiveViewIndex Example</h3>

<asp:Panel id="Page1ViewPanel"

Width="330px"

Height="150px"

HorizontalAlign =Left

Font-size="12"

BackColor="#C0C0FF"

BorderColor="#404040"

BorderStyle="Double"

runat="Server">

<asp:MultiView id="DevPollMultiView"

ActiveViewIndex=0

runat="Server">

<asp:View id="Page1" runat="Server">

<asp:Label id="Page1Label"

Font-bold="true"

Text="What kind of applications do you develop?"

runat="Server">

</asp:Label><br><br>

<asp:RadioButton id="Page1Radio1"

Text="Web Applications"

Checked="False"

GroupName="RadioGroup1"

runat="server" >

</asp:RadioButton><br>

<asp:RadioButton id="Page1Radio2"

Text="Windows Forms Applications"

Checked="False"

GroupName="RadioGroup1"

runat="server" >

</asp:RadioButton><br><br><br>

<asp:Button id="Page1Next"

Text = "Next"

OnClick="NextButton_Command"

Height="25"

Width="70"

runat= "Server">

</asp:Button>

</asp:View>

<asp:View id="Page2"

runat="Server">

<asp:Label id="Page2Label"

Font-bold="true"

Text="How long have you been a developer?"

runat="Server">

</asp:Label><br><br>

<asp:RadioButton id="Page2Radio1"

Text="Less than five years"

Checked="False"

GroupName="RadioGroup1"

runat="Server">

</asp:RadioButton><br>

<asp:RadioButton id="Page2Radio2"

Text="More than five years"

Checked="False"

GroupName="RadioGroup1"

runat="Server">

</asp:RadioButton><br><br><br>

<asp:Button id="Page2Back"

Text = "Previous"

OnClick="BackButton_Command"

Height="25"

Width="70"

runat= "Server">

</asp:Button>

<asp:Button id="Page2Next"

Text = "Next"

OnClick="NextButton_Command"

Height="25"

Width="70"

runat="Server">

</asp:Button>

</asp:View>

<asp:View id="Page3"

runat="Server">

<asp:Label id="Page3Label1"

Font-bold="true"

Text= "What is your primary programming language?"

runat="Server">

</asp:Label><br><br>

<asp:RadioButton id="Page3Radio1"

Text="Visual Basic .NET"

Checked="False"

GroupName="RadioGroup1"

runat="Server">

</asp:RadioButton><br>

<asp:RadioButton id="Page3Radio2"

Text="C#"

Checked="False"

GroupName="RadioGroup1"

runat="Server">

</asp:RadioButton><br>

<asp:RadioButton id="Page3Radio3"

Text="C++"

Checked="False"

GroupName="RadioGroup1"

runat="Server">

</asp:RadioButton><br><br>

<asp:Button id="Page3Back"

Text = "Previous"

OnClick="BackButton_Command"

Height="25"

Width="70"

runat="Server">

</asp:Button>

<asp:Button id="Page3Next"

Text = "Next"

OnClick="NextButton_Command"

Height="25"

Width="70"

runat="Server">

</asp:Button><br>

</asp:View>

<asp:View id="Page4"

runat="Server">

<asp:Label id="Label1"

Font-bold="true"

Text = "Thank you for taking the survey."

runat="Server">

</asp:Label>

<asp:Button id="Page4Save"

Text = "Save Responses"

OnClick="NextButton_Command"

Height="25"

Width="110"

runat="Server">

</asp:Button>

<asp:Button id="Page4Restart"

Text = "Retake Survey"

OnClick="BackButton_Command"

Height="25"

Width="110"

runat= "Server">

</asp:Button>

</asp:View>

</asp:MultiView>

</asp:Panel>

</form>

</body>

</html>

如果把代码中的Button放在multiview标签的外面，并且指定对应的ActiveViewIndex就可以实现原来的tabStrip的效果。