有Index視圖如下:
視圖代碼如下:
?
- <%@?Page?Language="C#"?MasterPageFile="~/Views/Shared/Site.Master"?Inherits="System.Web.Mvc.ViewPage"?%>??
- ??
- <asp:Content?ID="Content1"?ContentPlaceHolderID="TitleContent"?runat="server">??
- ????主頁??
- </asp:Content>??
- ??
- <asp:Content?ID="Content2"?ContentPlaceHolderID="MainContent"?runat="server">??
- ??
- ????<h2><%=?Html.Encode(ViewData["Message"])?%></h2>??
- ????<br?/>??
- ????<br?/>??
- ??
- ????<%?using(Html.BeginForm("HandleForm",?"Home"))?%>??
- ????<%?{?%>??
- ????????Enter?your?name:?<%=?Html.TextBox("name")?%>??
- ????????<br?/><br?/>??
- ????????Select?your?favorite?color:<br?/>??
- ????????<%=?Html.RadioButton("favColor",?"Blue",?true)?%>?Blue?<br?/>??
- ????????<%=?Html.RadioButton("favColor",?"Purple",?false)%>?Purple?<br?/>??
- ????????<%=?Html.RadioButton("favColor",?"Red",?false)%>?Red?<br?/>??
- ????????<%=?Html.RadioButton("favColor",?"Orange",?false)%>?Orange?<br?/>??
- ????????<%=?Html.RadioButton("favColor",?"Yellow",?false)%>?Yellow?<br?/>??
- ????????<%=?Html.RadioButton("favColor",?"Brown",?false)%>?Brown?<br?/>??
- ????????<%=?Html.RadioButton("favColor",?"Green",?false)%>?Green???
- ????????<br?/><br?/>??
- ????????<%=?Html.CheckBox("bookType")?%>?I?read?more?fiction?than?non-fiction.<br?/>??
- ????????<br?/><br?/>??
- ????????My?favorite?pet:?<%=?Html.DropDownList("pets")?%>??
- ????????<br?/><br?/>??
- ????????<input?type="submit"?value="Submit"?/>??
- ????<%?}?%>??
- ??
- </asp:Content>??
<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %><asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">主頁
</asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"><h2><%= Html.Encode(ViewData["Message"]) %></h2><br /><br /><% using(Html.BeginForm("HandleForm", "Home")) %><% { %>Enter your name: <%= Html.TextBox("name") %><br /><br />Select your favorite color:<br /><%= Html.RadioButton("favColor", "Blue", true) %> Blue <br /><%= Html.RadioButton("favColor", "Purple", false)%> Purple <br /><%= Html.RadioButton("favColor", "Red", false)%> Red <br /><%= Html.RadioButton("favColor", "Orange", false)%> Orange <br /><%= Html.RadioButton("favColor", "Yellow", false)%> Yellow <br /><%= Html.RadioButton("favColor", "Brown", false)%> Brown <br /><%= Html.RadioButton("favColor", "Green", false)%> Green <br /><br /><%= Html.CheckBox("bookType") %> I read more fiction than non-fiction.<br /><br /><br />My favorite pet: <%= Html.DropDownList("pets") %><br /><br /><input type="submit" value="Submit" /><% } %></asp:Content>
如圖填寫表單數據:
?
分別使用不同的表單處理方法,對提交的表單數據在視圖FormResults呈現。
提交表單對應的HomeController,包含以不同方法獲取表單數據的代碼,如下:
?
- using?System;??
- using?System.Collections.Generic;??
- using?System.Linq;??
- using?System.Web;??
- using?System.Web.Mvc;??
- ??
- namespace?HtmlHelper.Controllers??
- {??
- ????[HandleError]??
- ????public?class?HomeController?:?Controller??
- ????{??
- ????????public?ActionResult?Index()??
- ????????{??
- ????????????ViewData["Message"]?=?"歡迎使用?ASP.NET?MVC!";??
- ??
- ????????????//手動構造頁面中下拉框的寵物數據 ??
- ????????????List<string>?petList?=?new?List<string>();??
- ????????????petList.Add("Dog");??
- ????????????petList.Add("Cat");??
- ????????????petList.Add("Hamster");??
- ????????????petList.Add("Parrot");??
- ????????????petList.Add("Gold?fish");??
- ????????????petList.Add("Mountain?lion");??
- ????????????petList.Add("Elephant");??
- ??
- ????????????ViewData["Pets"]?=?new?SelectList(petList);??
- ??
- ????????????return?View();??
- ????????}??
- ??
- ????????public?ActionResult?About()??
- ????????{??
- ????????????return?View();??
- ????????}??
- ??
- ????????///?<summary> ??
- ????????///?處理表單提交數據,方法1:使用傳統的Request請求取值 ??
- ????????///?</summary> ??
- ????????///?<returns></returns> ??
- ????????public?ActionResult?HandleForm()??
- ????????{??
- ????????????ViewData["name"]?=?Request["name"];??
- ????????????ViewData["favColor"]?=?Request["favColor"];??
- ????????????ViewData["bookType"]?=?Request["bookType"];??
- ????????????ViewData["pet"]?=?Request["pets"];??
- ??
- ????????????return?View("FormResults");??
- ????????}??
- ??
- ????????///?<summary> ??
- ????????///?處理表單提交數據,方法2:Action參數名與表單元素name值一一對應 ??
- ????????///?</summary> ??
- ????????///?<param?name="name"></param> ??
- ????????///?<param?name="favColor"></param> ??
- ????????///?<param?name="bookType"></param> ??
- ????????///?<param?name="pets"></param> ??
- ????????///?<returns></returns> ??
- ????????//public?ActionResult?HandleForm(string?name,?string?favColor,?Boolean?bookType,?string?pets) ??
- ????????//{ ??
- ????????//????ViewData["name"]?=?name; ??
- ????????//????ViewData["favColor"]?=?favColor; ??
- ????????//????ViewData["bookType"]?=?bookType; ??
- ????????//????ViewData["pet"]?=?pets; ??
- ??
- ????????//????return?View("FormResults"); ??
- ????????//} ??
- ??
- ????????///?<summary> ??
- ????????///?處理表單提交數據,方法3:從MVC封裝的FormCollection容器中讀取 ??
- ????????///?</summary> ??
- ????????///?<param?name="form"></param> ??
- ????????///?<returns></returns> ??
- ????????//public?ActionResult?HandleForm(FormCollection?form) ??
- ????????//{ ??
- ????????//????ViewData["name"]?=?form["name"]; ??
- ????????//????ViewData["favColor"]?=?form["favColor"]; ??
- ????????//????ViewData["bookType"]?=?form["bookType"]; ??
- ????????//????ViewData["pet"]?=?form["pets"]; ??
- ??
- ????????//????return?View("FormResults"); ??
- ????????//} ??
- ??
- ????????///?<summary> ??
- ????????///?處理表單提交數據,方法4:使用實體作為Action參數傳入,前提是提交的表單元素名稱與實體屬性名稱一一對應 ??
- ????????///?</summary> ??
- ????????///?<param?name="request"></param> ??
- ????????///?<returns></returns> ??
- ????????//[HttpPost] ??
- ????????//public?ActionResult?HandleForm(InforModel?infor) ??
- ????????//{ ??
- ????????//????ViewData["name"]?=?infor.name; ??
- ????????//????ViewData["favColor"]?=?infor.favColor; ??
- ????????//????ViewData["bookType"]?=?infor.bookType; ??
- ????????//????ViewData["pet"]?=?infor.pets; ??
- ??
- ????????//????return?View("FormResults"); ??
- ????????//} ??
- ??
- ????}??
- }??
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;namespace HtmlHelper.Controllers
{[HandleError]public class HomeController : Controller{public ActionResult Index(){ViewData["Message"] = "歡迎使用 ASP.NET MVC!";//手動構造頁面中下拉框的寵物數據List<string> petList = new List<string>();petList.Add("Dog");petList.Add("Cat");petList.Add("Hamster");petList.Add("Parrot");petList.Add("Gold fish");petList.Add("Mountain lion");petList.Add("Elephant");ViewData["Pets"] = new SelectList(petList);return View();}public ActionResult About(){return View();}/// <summary>/// 處理表單提交數據,方法1:使用傳統的Request請求取值/// </summary>/// <returns></returns>public ActionResult HandleForm(){ViewData["name"] = Request["name"];ViewData["favColor"] = Request["favColor"];ViewData["bookType"] = Request["bookType"];ViewData["pet"] = Request["pets"];return View("FormResults");}/// <summary>/// 處理表單提交數據,方法2:Action參數名與表單元素name值一一對應/// </summary>/// <param name="name"></param>/// <param name="favColor"></param>/// <param name="bookType"></param>/// <param name="pets"></param>/// <returns></returns>//public ActionResult HandleForm(string name, string favColor, Boolean bookType, string pets)//{// ViewData["name"] = name;// ViewData["favColor"] = favColor;// ViewData["bookType"] = bookType;// ViewData["pet"] = pets;// return View("FormResults");//}/// <summary>/// 處理表單提交數據,方法3:從MVC封裝的FormCollection容器中讀取/// </summary>/// <param name="form"></param>/// <returns></returns>//public ActionResult HandleForm(FormCollection form)//{// ViewData["name"] = form["name"];// ViewData["favColor"] = form["favColor"];// ViewData["bookType"] = form["bookType"];// ViewData["pet"] = form["pets"];// return View("FormResults");//}/// <summary>/// 處理表單提交數據,方法4:使用實體作為Action參數傳入,前提是提交的表單元素名稱與實體屬性名稱一一對應/// </summary>/// <param name="request"></param>/// <returns></returns>//[HttpPost]//public ActionResult HandleForm(InforModel infor)//{// ViewData["name"] = infor.name;// ViewData["favColor"] = infor.favColor;// ViewData["bookType"] = infor.bookType;// ViewData["pet"] = infor.pets;// return View("FormResults");//}}
}
在FormResults視圖顯示ViewData的數據,如圖所示: