使用Wizard控件创建向导界面

本文介绍了一个使用 ASP.NET Wizard 控件创建的简单示例,该示例演示了如何设置 Wizard 控件的基本属性,包括样式配置及步骤定义,并展示了如何通过 C# 后台代码捕获 Finish 按钮点击事件。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Wizard.aspx.cs" Inherits="MapQQ.test.Wizard" %>

<!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 style="font-size: large">

<asp:Wizard ID="Wizard1" runat="server" ActiveStepIndex="2" BackColor="#F7F6F3"
BorderColor
="#CCCCCC" BorderStyle="Solid" BorderWidth="1px"
Font
-Names="Verdana" Font-Size="0.8em" Height="168px"
onfinishbuttonclick
="Wizard1_FinishButtonClick" style="font-size: large"
Width
="371px">
<HeaderStyle BackColor="#5D7B9D" BorderStyle="Solid" Font-Bold="True"
Font
-Size="0.9em" ForeColor="White" HorizontalAlign="Left" />
<NavigationButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC"
BorderStyle
="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em"
ForeColor
="#284775" />
<SideBarButtonStyle BorderWidth="0px" Font-Names="Verdana" ForeColor="White" />
<SideBarStyle BackColor="#7C6F57" BorderWidth="0px" Font-Size="0.9em"
VerticalAlign
="Top" />
<StepStyle BorderWidth="0px" ForeColor="#5D7B9D" />
<WizardSteps>
<asp:WizardStep runat="server" title="住址">
<asp:Label ID="Label1" runat="server" Text="省份:"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<asp:Label ID="Label2" runat="server" Text="城市:"></asp:Label>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</asp:WizardStep>
<asp:WizardStep runat="server" title="培训经历">
</asp:WizardStep>
<asp:WizardStep runat="server" Title="个人信息">
</asp:WizardStep>
</WizardSteps>
</asp:Wizard>
<asp:Label ID="Label3" runat="server"></asp:Label>
<br />

</div>
</form>
</body>
</html>

后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace MapQQ.test
{
public partial class Wizard : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{

}

protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e)
{
this.Label3.Text = this.TextBox1.Text;
}
}
}
结果如下:2011051221112811.jpg

转载于:https://www.cnblogs.com/chester/archive/2011/05/12/2044793.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值