欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2016年04月25日 14:14:22   作者:沁園春  
簡單的講 Wizard 控件,實(shí)現(xiàn)的就是下一步,下一步,提交表單的這樣一個(gè)步驟。

先來看看官方介紹

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

添加/移除 WizardSteps...

(2)帳號(hào)信息 StepType 設(shè)置為 Start

帳號(hào)信息

(3)個(gè)人基本信息 StepType 設(shè)置為 Step

個(gè)人基本信息

(4)聯(lián)系方式 StepType 設(shè)置為 Finish

聯(lián)系方式

(5)帳號(hào)信息選項(xiàng)加入用戶名密碼

用戶名密碼

(6)基本信息選項(xiàng)加入姓名出生日期

姓名出生日期

(7)聯(lián)系方式選項(xiàng)加入手機(jī)郵箱

手機(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)擊完成,把所有填寫的信息全部輸出。

相關(guān)文章

最新評(píng)論