Wizard控件应用案例
练习与使用WizardSteps属性,然后添加7个步骤。
UI设计视图
UI代码视图
<%@ PageLanguage="C#"AutoEventWireup="true"CodeFile="WizardDemo.aspx.cs"Inherits="WizardDemo"%>
<!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>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="0" Height="300px" Width="60%"
CancelDestinationPageUrl="~/HyperLink.aspx" FinishDestinationPageUrl="~/CheckBox.aspx"
OnFinishButtonClick="Wizard1_FinishButtonClick" StartNextButtonText="开始" ForeColor="White"
HeaderText="Wizard Demo" BorderColor="Red" BorderStyle="Solid" BorderWidth="2px"
CellPadding="11" CellSpacing="11"
OnActiveStepChanged="Wizard1_ActiveStepChanged"
OnCancelButtonClick="Wizard1_CancelButtonClick"
OnNextButtonClick="Wizard1_NextButtonClick"
OnSideBarButtonClick="Wizard1_SideBarButtonClick">
<WizardSteps>
<asp:WizardStep ID="stpWakeUp" runat="server" Title="Step1">
<table>
<tr>
<td>
<h2>
Wakeup:</h2>
</td>
<td>
<asp:TextBox ID="TextBox1"runat="server"></asp:TextBox></td>
</tr>
</table>
</asp:WizardStep>
<asp:WizardStep ID="stpShower" runat="server" Title="Step2" AllowReturn="False">
<h2>
Step2:</h2>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</asp:WizardStep>
<asp:WizardStep runat="server" ID="stpTakeMeds" Title="Step3" AllowReturn="False">
<h2>
Step3:</h2>
</asp:WizardStep>
<asp:WizardStep runat="server" ID="stpBrushTeeth" Title="Step4" AllowReturn="False">
<h2>
Step4:</h2>
</asp:WizardStep>
<asp:WizardStep runat="server" ID="stpGetDressed" Title="Step5" AllowReturn="False">
<h2>
Step5:</h2>
</asp:WizardStep>
<asp:WizardStep runat="server" ID="stpBreakfast" Title="Step6" AllowReturn="False">
<h2>
Step6:</h2>
</asp:WizardStep>
<asp:WizardStep runat="server" ID="stpFinish" Title="Step7" StepType="Complete">
<h2>
Step7:</h2>
</asp:WizardStep>
</WizardSteps>
<HeaderStyle BackColor="Gray" BorderColor="Black" BorderStyle="Solid" BorderWidth="2px"
HorizontalAlign="Center" />
<SideBarButtonStyle BackColor="Yellow" BorderStyle="Double" Font-Bold="True" ForeColor="Black"
BorderWidth="1px" Width="50px" />
<NavigationStyle BorderColor="Khaki" />
<NavigationButtonStyle BorderColor="#FFC0C0" BorderStyle="Dotted" />
<SideBarStyle BorderColor="ForestGreen" BorderStyle="Solid" BorderWidth="1px" Width="60px" />
<StepStyle BorderColor="#FF8080" BorderStyle="Solid" Font-Italic="True" ForeColor="Black" />
</asp:Wizard>
</div>
</form>
</body>
</html>
CS代码视图
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
usingSystem.Web.UI.HtmlControls;
public partial class WizardDemo : System.Web.UI.Page
{
protected void Page_Load(objectsender, EventArgs e)
{
}
protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgse)
{
}
protected void Wizard1_SideBarButtonClick(object sender, WizardNavigationEventArgse)
{
}
protected void Wizard1_CancelButtonClick(object sender, EventArgse)
{
}
protected void Wizard1_ActiveStepChanged(object sender, EventArgse)
{
}
protected void Wizard1_NextButtonClick(objectsender, WizardNavigationEventArgs e)
{
}
}