控件(八)——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); } } } }
运行后显示的界面是:
至于具体演示效果,这里就不做展示了,呵呵,就跟上面设计时的截图差不多,大家自己点点就明白了。
当然,大家仍然可以在模版中添加更多有意思的功能,由于篇幅问题,我也不多做介绍了,大家自己探索吧。