使用Wizard控件创建向导界面

最新推荐文章于 2021-03-07 10:36:22 发布

weixin_30888707

最新推荐文章于 2021-03-07 10:36:22 发布

阅读量378

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml ui c#

原文链接：http://www.cnblogs.com/chester/archive/2011/05/12/2044793.html

本文介绍了一个使用 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;
}
}
}

结果如下：