先來看看官方介紹
使用表單收集用戶輸入是 Web 開發中要反復執行的一項任務。用來完成某項任務的一組表單通常稱為“向導”。ASP.NET Wizard 控件簡化了許多與生成多個表單和收集用戶輸入相關聯的任務。Wizard 控件提供了一種簡單的機制,使您能夠輕松地生成步驟、添加新步驟或重新安排步驟順序。無需編寫代碼即可生成線性和非線性的導航,以及自定義控件的用戶導航。
Wizard控件可以用用在下列工作中:
(1)收集多個步驟中的相關信息。
(2)用於收集用戶輸入的大型Web網頁可分割成較小的邏輯步驟。
(3)允許線性或非線性的導航各個步驟。
Wizard控件可區分成4大區域:
(1)向導步驟(WizardStep)區域:Wizard控件使用多個步驟來描繪用戶輸入的不同部分。每個步驟的內容添加在標記<asp:WizardStep>中,所有的<asp:WizardStep>又都包含在<WizardSteps>標記中。實際應用時,每次只能顯示一個<asp:WizardStep>定義的內容。
(2)標題(Header)區域:用於在步驟頂部提供一致信息,此項是可選元素。
(3)側欄(sidebar)區域:此項也是可選元素,通常顯示在向導左邊,包含所有步驟的列表,並提供在各個步驟間的跳轉。
(4)導航按鈕(Navigation)區域:是Wizard內置導航功能,它會根據步驟類型(StepType)設置值的不同,而呈現不同的導航按鈕。
每個WizardStep步驟都會有個StepType屬性,它最主要的作用是決定每個步驟中的導航Button按鈕會如何被顯示。StepType的類型有:Start(開始步驟)、Step(階段步驟)、Finish(完成步驟) 、Complete(結束步驟) 、Auto(自動),系統自動識別其為何種StepType類型。
Wizard控件使用過程演示
(1)拖放Wizard控件到頁面上,郵件選擇 添加/移除 WizardSteps...
(2)帳號信息 StepType 設置為 Start
(3)個人基本信息 StepType 設置為 Step
(4)聯系方式 StepType 設置為 Finish
(5)帳號信息選項加入用戶名密碼
(6)基本信息選項加入姓名出生日期
(7)聯系方式選項加入手機郵箱
(8)雙擊FinishButtonClick生成事件
(9)完成按鈕事件代碼如下
復制代碼 代碼如下:
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("手機:" + txtPhone.Text + "<br>");
Response.Write("郵箱:" + txtEmail.Text + "<br>");
}
至此就可以運行看演示效果了,填寫完用戶名和密碼之後,點擊下一步,填寫姓名和出生日期,再點擊下一步,填寫手機和郵箱,點擊完成,把所有填寫的信息全部輸出。