控件（八）——Wizard控件完成注册过程详解

Wizards是一种为用户提供了呈现一连串步骤的基础架构的控件。它方便了我们进行导航设置。该控件几乎所有外观特征几乎都可以通过样式和模版来自定义，包括各种各样的按钮和连接、标题和页眉页脚、工具条和步骤。

下面介绍今天的例子：

我们先添加一个Wizard控件，首先选择一个合适的样式，然后打开“添加/移除WizardSteps编辑器”，添加以下五部分内容：

 

基本信息栏显示：

文本框ID分别为：tbnname、tbnpws

 

详细信息显示：

所在省份后面是一个DropDownList控件,ID为:ddldf，我们就在后面编辑项里面随便添加几个省份。是否公开详细信息下面是一个RadioButtonList控件，ID为rdbgk：

兴趣爱好：

这里是多个CheckBox，很简单。默认ID即可。

 

会员等级：

会员等级这里也是一个DropDownList控件，ID为ddldj，然后我们随便在编辑项里面添加几项会员选项就可以。

 

完成：

这里面没有什么需要做具体介绍的，很简单。

 

后台代码：

    public partial class kongjian17 : System.Web.UI.Page

    {

        /// <summary>

        /// Wizard控件

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        protected void Page_Load(object sender, EventArgs e)

        {

 

        }



        protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e)

        {

            string name = "尊敬的：" + tbname.Text;

            Response.Write("<script>alert('" + name + "感谢您注册')</script>");

        }



        protected void Wizard1_ActiveStepChanged(object sender, EventArgs e)

        {

            lblname.Text = tbname.Text; //直接对应文本框或者下拉列表。

            lblpws.Text = tbpws.Text;



            if (rdbgk.SelectedValue == "不")

            {

                lblsf.Text = "用户隐藏了详细信息";

                lblpws.Visible=false;

            }

            else

            {

                lblsf.Text = "省份：" + ddlsf.SelectedValue;

                lblPhoto.Text = "电话：" + tbpphoto.Text;

            }

            CheckBoxList cbl = (CheckBoxList)mb.ContentTemplateContainer.FindControl("chk");

            for (int i = 0; i < cbl.Items.Count; i++)

            {

                if (cbl.Items[i].Selected)

                {

                    Label lbl = new Label();

                    lbl.ID = "lbl" + i;

                    lbl.Text = cbl.Items[i].Text + "<br>";

                    ph.Controls.Add(lbl);

                }

            }

        }

    }

 

 

运行后显示的界面是：

 

至于具体演示效果，这里就不做展示了，呵呵，就跟上面设计时的截图差不多，大家自己点点就明白了。

当然，大家仍然可以在模版中添加更多有意思的功能，由于篇幅问题，我也不多做介绍了，大家自己探索吧。