先來看看官方介紹
使用表單收集用戶輸入是 Web 開發(fā)中要反復(fù)執(zhí)行的一項(xiàng)任務(wù)。用來完成某項(xiàng)任務(wù)的一組表單通常稱為“向?qū)А?。ASP.NET Wizard 控件簡化了許多與生成多個(gè)表單和收集用戶輸入相關(guān)聯(lián)的任務(wù)。Wizard 控件提供了一種簡單的機(jī)制,使您能夠輕松地生成步驟、添加新步驟或重新安排步驟順序。無需編寫代碼即可生成線性和非線性的導(dǎo)航,以及自定義控件的用戶導(dǎo)航。
Wizard控件可以用用在下列工作中:
(1)收集多個(gè)步驟中的相關(guān)信息。
(2)用于收集用戶輸入的大型Web網(wǎng)頁可分割成較小的邏輯步驟。
(3)允許線性或非線性的導(dǎo)航各個(gè)步驟。
Wizard控件可區(qū)分成4大區(qū)域:
(1)向?qū)Р襟E(WizardStep)區(qū)域:Wizard控件使用多個(gè)步驟來描繪用戶輸入的不同部分。每個(gè)步驟的內(nèi)容添加在標(biāo)記asp:WizardStep>中,所有的asp:WizardStep>又都包含在WizardSteps>標(biāo)記中。實(shí)際應(yīng)用時(shí),每次只能顯示一個(gè)asp:WizardStep>定義的內(nèi)容。
(2)標(biāo)題(Header)區(qū)域:用于在步驟頂部提供一致信息,此項(xiàng)是可選元素。
(3)側(cè)欄(sidebar)區(qū)域:此項(xiàng)也是可選元素,通常顯示在向?qū)ё筮?,包含所有步驟的列表,并提供在各個(gè)步驟間的跳轉(zhuǎn)。
(4)導(dǎo)航按鈕(Navigation)區(qū)域:是Wizard內(nèi)置導(dǎo)航功能,它會(huì)根據(jù)步驟類型(StepType)設(shè)置值的不同,而呈現(xiàn)不同的導(dǎo)航按鈕。
每個(gè)WizardStep步驟都會(huì)有個(gè)StepType屬性,它最主要的作用是決定每個(gè)步驟中的導(dǎo)航Button按鈕會(huì)如何被顯示。StepType的類型有:Start(開始步驟)、Step(階段步驟)、Finish(完成步驟) 、Complete(結(jié)束步驟) 、Auto(自動(dòng)),系統(tǒng)自動(dòng)識(shí)別其為何種StepType類型。
Wizard控件使用過程演示
(1)拖放Wizard控件到頁面上,郵件選擇 添加/移除 WizardSteps...
(2)帳號(hào)信息 StepType 設(shè)置為 Start
(3)個(gè)人基本信息 StepType 設(shè)置為 Step
(4)聯(lián)系方式 StepType 設(shè)置為 Finish
(5)帳號(hào)信息選項(xiàng)加入用戶名密碼
(6)基本信息選項(xiàng)加入姓名出生日期
(7)聯(lián)系方式選項(xiàng)加入手機(jī)郵箱
(8)雙擊FinishButtonClick生成事件
(9)完成按鈕事件代碼如下
復(fù)制代碼 代碼如下:
protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e)
{
Response.Write("用戶名:" + txtUsername.Text + "br>");
Response.Write("密碼:" + txtPassword.Text + "br>");
Response.Write("姓名:" + txtTruename.Text + "br>");
Response.Write("出生日期:" + txtBirthday.Text + "br>");
Response.Write("手機(jī):" + txtPhone.Text + "br>");
Response.Write("郵箱:" + txtEmail.Text + "br>");
}
至此就可以運(yùn)行看演示效果了,填寫完用戶名和密碼之后,點(diǎn)擊下一步,填寫姓名和出生日期,再點(diǎn)擊下一步,填寫手機(jī)和郵箱,點(diǎn)擊完成,把所有填寫的信息全部輸出。
您可能感興趣的文章:- ASP.NET中Label控件用法詳解
- ASP.NET中 ListBox列表框控件的使用方法
- ASP.NET中Application、Cookie、Session、Cache和ViewState
- ASP.NET中Literal控件的使用方法
- ASP.NET Core配置教程之讀取配置信息
- ASP.NET MVC的Localization本地化多語言支持
- ASP.NET中MultiView和View選項(xiàng)卡控件的使用方法
- ASP.NET中 Panel 控件的使用方法
- ASP.NET中 PlaceHolder 控件的使用方法
- ASP.NET獲取URL方法匯總