首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> 關於ASP.NET

ASP.NET 2.0 MultiView 與 Wizard 控件實戰:線上調查與會員註冊雙案例

     編輯:關於ASP.NET

ASP.NET 1.1 時代實作精靈式應用(分步驟表單)相當繁瑣,ASP.NET 2.0 引入 MultiView 與 Wizard 兩大導航控件,大幅簡化多步驟流程開發。本文以 VS.NET 2005 為例,結合 MasterPage 示範兩個實戰案例:線上調查與會員註冊。

MultiView 控件核心屬性與特性

  • ActiveViewIndex:預設值 -1,設為 0 顯示第一個 View
  • Views 集合:包含多個 View 物件,每個 View 內可放置控件,控件 ID 必須全域唯一
  • 無內建導航按鈕:需自行新增「上一步」「下一步」按鈕並撰寫切換邏輯

案例一:線上調查(四步驟流程)

  1. 步驟 1:輸入個人基本資料
  2. 步驟 2:選擇偏好程式語言
  3. 步驟 3:輸入最喜愛的組織/公司
  4. 步驟 4:彙總顯示前三步驟填寫資料

實作步驟:

  1. 建立新網站專案,新增 MasterPage 版型頁(左側導航連結:線上調查、會員註冊)
  2. 新增內容頁面,套用 MasterPage
  3. 拖曳 MultiView 控件,內部新增 4 個 View 控件
  4. 各 View 放置對應表單控件,並新增「上一步」「下一步」Button 控件
  5. 按鈕 Click 事件中操作 MultiView1.ActiveViewIndex 切換檢視

MasterPage 版型頁設計

MultiView 設計檢視:4 個 View 控件配置

案例二:會員註冊精靈(Wizard 控件)

Wizard 控件內建導航按鈕、步驟指示器、側邊欄等完整精靈 UI,屬性設定更簡單:

  • WizardSteps:定義各步驟內容與類型(Start/Step/Finish/Complete)
  • DisplaySideBar:顯示步驟導航側邊欄
  • FinishCompleteButtonText 等屬性自訂按鈕文字

Wizard 適合標準化的線性流程;MultiView 適合需要高度客製化導航邏輯的複雜流程。兩者搭配 MasterPage,可快速建構具備一致版面與多步驟互動的專業級 Web 應用。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved