程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET中 Wizard 控件的使用方法

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

編輯:ASP.NET基礎

先來看看官方介紹

使用表單收集用戶輸入是 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...

添加/移除 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>");
}

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved