ASP.NET中 Wizard 控件的使用方法
先來看看官方介紹
使用表單收集用戶輸入是 Web 開發(fā)中要反復(fù)執(zhí)行的一項(xiàng)任務(wù)。用來完成某項(xiàng)任務(wù)的一組表單通常稱為“向?qū)А?。ASP.NET Wizard 控件簡(jiǎn)化了許多與生成多個(gè)表單和收集用戶輸入相關(guān)聯(lián)的任務(wù)。Wizard 控件提供了一種簡(jiǎn)單的機(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ū)ё筮叄胁襟E的列表，并提供在各個(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）完成按鈕事件代碼如下
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)擊完成，把所有填寫的信息全部輸出。
相關(guān)文章
ASP.NET Core使用IHttpClientFactory發(fā)出HTTP請(qǐng)求
這篇文章介紹了ASP.NET Core使用IHttpClientFactory發(fā)出HTTP請(qǐng)求的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
IIS部署ASP.NET?Core項(xiàng)目及常見問題總結(jié)
這篇文章介紹了IIS部署ASP.NET?Core項(xiàng)目的方法及常見問題總結(jié)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-01-01
這篇文章介紹了ASP.NET?Core中的Razor頁面，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02
這篇文章介紹了ASP.NET Core MVC局部視圖的用法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
asp.net FindControl方法誤區(qū)和解析
在ASP.NET中Control都有一個(gè)FindControl方法，其作用是根據(jù)ID（注意既不是UniqueID也不是ClientID）在Control所在的命名容器中尋找相應(yīng)控件，但實(shí)際使用中存在很多誤區(qū)和陷阱，下面談?wù)剛€(gè)人對(duì)此的理解2012-01-01
獲取當(dāng)前url...2006-08-08
這篇文章介紹了ASP.NET?MVC框架，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02
這篇文章介紹了.net?core中的System.Buffers命名空間，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
ASP.NET中Application、Cookie、Session、Cache和ViewState
本文主要介紹Application、Cookie、Session、Cache和ViewState，并總結(jié)了在什么情況下使用他們，希望對(duì)大家有所幫助。2016-04-04
這篇文章介紹了.NET6使WebApi獲取訪問者IP地址的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-12-12