ASP.NET中 Wizard 控件的使用方法

更新時間：2016年04月25日 14:14:22 作者：沁園春

簡單的講 Wizard 控件，實現(xiàn)的就是下一步，下一步，提交表單的這樣一個步驟。

先來看看官方介紹

使用表單收集用戶輸入是 Web 開發(fā)中要反復執(zhí)行的一項任務。用來完成某項任務的一組表單通常稱為“向導”。ASP.NET Wizard 控件簡化了許多與生成多個表單和收集用戶輸入相關聯(lián)的任務。Wizard 控件提供了一種簡單的機制，使您能夠輕松地生成步驟、添加新步驟或重新安排步驟順序。無需編寫代碼即可生成線性和非線性的導航，以及自定義控件的用戶導航。

Wizard控件可以用用在下列工作中：

（1）收集多個步驟中的相關信息。

（2）用于收集用戶輸入的大型Web網頁可分割成較小的邏輯步驟。

（3）允許線性或非線性的導航各個步驟。

Wizard控件可區(qū)分成4大區(qū)域：

（1）向導步驟（WizardStep）區(qū)域：Wizard控件使用多個步驟來描繪用戶輸入的不同部分。每個步驟的內容添加在標記<asp:WizardStep>中，所有的<asp:WizardStep>又都包含在<WizardSteps>標記中。實際應用時，每次只能顯示一個<asp:WizardStep>定義的內容。

（2）標題（Header）區(qū)域：用于在步驟頂部提供一致信息，此項是可選元素。

（3）側欄（sidebar）區(qū)域：此項也是可選元素，通常顯示在向導左邊，包含所有步驟的列表，并提供在各個步驟間的跳轉。

（4）導航按鈕（Navigation）區(qū)域：是Wizard內置導航功能，它會根據(jù)步驟類型（StepType）設置值的不同，而呈現(xiàn)不同的導航按鈕。

每個WizardStep步驟都會有個StepType屬性，它最主要的作用是決定每個步驟中的導航Button按鈕會如何被顯示。StepType的類型有：Start（開始步驟）、Step（階段步驟）、Finish（完成步驟）、Complete（結束步驟）、Auto（自動），系統(tǒng)自動識別其為何種StepType類型。

Wizard控件使用過程演示

（1）拖放Wizard控件到頁面上，郵件選擇添加/移除 WizardSteps...

添加/移除 WizardSteps...

（2）帳號信息 StepType 設置為 Start

帳號信息

（3）個人基本信息 StepType 設置為 Step

個人基本信息

（4）聯(lián)系方式 StepType 設置為 Finish

聯(lián)系方式

（5）帳號信息選項加入用戶名密碼

用戶名密碼

（6）基本信息選項加入姓名出生日期

姓名出生日期

（7）聯(lián)系方式選項加入手機郵箱

手機郵箱

（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>");

}

至此就可以運行看演示效果了，填寫完用戶名和密碼之后，點擊下一步，填寫姓名和出生日期，再點擊下一步，填寫手機和郵箱，點擊完成，把所有填寫的信息全部輸出。

您可能感興趣的文章: