form搜索View中
<form action="/Home/Search" method="get">
<input type="text" name="q" />
<input type="submit" value="Search" />
</form>
控制器
public ActionResult Search(string q)
{
var albums = storeDB.Albums
.Include("Artist")
.Where(a => a.Title.Contains(q))
.Take(10);
return View(albums);
}
显示页面view
@model IEnumerable<MvcMusicStore.Models.Album>
@{ ViewBag.Title = "Search"; }
<h2>Results</h2>
<table>
<tr>
<th>Artist</th>
<th>Title</th>
<th>Price</th>
</tr>
@foreach (var item in Model) {
<tr>
<td>@item.Artist.Name</td>
<td>@item.Title</td>
<td>@String.Format("{0:c}", item.Price)</td>
</tr>
}
</table>
通过HTML helper属性值搜索
@using (Html.BeginForm("Search", "Home", FormMethod.Get)) {
<input type="text" name="q" />
<input type="submit" value="Search" />
}
@{Html.BeginForm("Search", "Home", FormMethod.Get);}
<input type="text" name="q" />
<input type="submit" value="Search" />
@{Html.EndForm();}
不使用html helper
@{
var context = this.ViewContext.RequestContext;
var values = new RouteValueDictionary{
{ "controller", "home" }, { "action", "index" }
};
var path = RouteTable.Routes.GetVirtualPath(context, values);
}
<form action="@path.VirtualPath" method="get">
<input type="text" name="q" />
<input type="submit" value="Search2" />
</form>
Automatic Encoding自动编码
@Html.TextArea("text", "hello <br/> world")
编码后显示如下
<textarea cols="20" id="text" name="text" rows="2">
hello <br /> world
</textarea>
Making Helpers Do Your Bidding添加其他参数
@using (Html.BeginForm("Search", "Home", FormMethod.Get,
new { target = "_blank" }))
{
<input type="text" name="q" />
<input type="submit" value="Search" />
}
@using (Html.BeginForm("Search", "Home", FormMethod.Get,
new { target = "_blank", @class="editForm", data_validatable=true }))
解析后
<form action="/Home/Search" method="get" target="_blank">
Setting Up the Album Edit Form 编辑验证
@using (Html.BeginForm()) {
@Html.ValidationSummary(excludePropertyErrors: true)
<fieldset>
<legend>Edit Album</legend>
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
Html.ValidationSummary控制器中添加
ModelState.AddModelError("", "This is all wrong!");
ModelState.AddModelError("Title", "What a terrible name!");
页面错误区域中呈现错误区域
<div class="validation-summary-errors">
<ul>
<li>This is all wrong!</li>
</ul>
</div>
Adding Inputs
@using (Html.BeginForm())
{
@Html.ValidationSummary(excludePropertyErrors: true)
<fieldset>
<legend>Edit Album</legend>
<p>
@Html.Label("GenreId")
@Html.DropDownList("GenreId", ViewBag.Genres as SelectList)
</p>
<p>
@Html.Label("Title")
@Html.TextBox("Title", Model.Title)
@Html.ValidationMessage("Title")
</p>
<input type="submit" value="Save" />
</fieldset>
}
Html.TextBox and Html.TextArea
@Html.TextArea("text", "hello <br/> world")
<textarea cols="20" id="text" name="text" rows="2">hello <br /> world
</textarea>
@Html.TextBox("Title", Model.Title)
<input id="Title" name="Title" type="text"
value="For Those About To Rock We Salute You" />
Html.Label
<label for="GenreId">Genre</label>
Html.DropDownList and Html.ListBox
public ActionResult Edit(int id)
{
var album = storeDB.Albums.Single(a => a.AlbumId == id);
ViewBag.Genres = new SelectList(storeDB.Genres.OrderBy(g => g.Name),
"GenreId", "Name", album.GenreId);
return View(album);
}
public ActionResult Edit(int id)
{
var album = storeDB.Albums.Single(a => a.AlbumId == id);
ViewBag.Genres =
storeDB.Genres
.OrderBy(g => g.Name)
.AsEnumerable()
.Select(g => new SelectListItem
{
Text = g.Name,
Value = g.GenreId.ToString(),
Selected = album.GenreId == g.GenreId
});
return View(album);
}
Html.ValidationMessage
[HttpPost]
public ActionResult Edit(int id, FormCollection collection)
{ var album = storeDB.Albums.Find(id);
ModelState.AddModelError("Title", "What a terrible name!");
return View(album);
}
验证区域
@Html.ValidationMessage("Title")
解析结果
<span class="field-validation-error" data-valmsg-for="Title"
data-valmsg-replace="true">
What a terrible name!
</span>
Helpers, Models, and View Data
控制器
public ActionResult Edit(int id)
{
ViewBag.Price = 10.0;
return View();
}
VIEW
@Html.TextBox("Price")
解析结果
<input id="Price" name="Price" type="text" value="10" />
控制器
public ActionResult Edit(int id)
{
ViewBag.Album = new Album {Price = 11};
return View();
}
VIEW
@Html.TextBox("Album.Price")
解析结果
<input id="Album_Price" name="Album.Price" type="text" value="11" />
Helpers and Model Metadata
@Html.Label("GenreId")
<label for="GenreId">Genre</label>
MODEL
[DisplayName("Genre")]
public int GenreId { get; set; }
Templated Helpers
@Html.EditorFor(m => m.Title)
<input id="Title" name="Title" type="text"
value="For Those About To Rock We Salute You" />
[Required(ErrorMessage = "An Album Title is required")]
[StringLength(160)]
[DataType(DataType.MultilineText)]
public string Title { get; set; }
Html.Hidden
@Html.Hidden("wizardStep", "1")
@Html.HiddenFor(m => m.WizardStep)
<input id="wizardStep" name="wizardStep" type="hidden" value="1" />
Html.Password
@Html.Password("UserPassword")
<input id="UserPassword" name="UserPassword" type="password" value="" />
@Html.PasswordFor(m => m.UserPassword)
Html.RadioButton
@Html.RadioButton("color", "red")
@Html.RadioButton("color", "blue", true)
@Html.RadioButton("color", "green")
<input id="color" name="color" type="radio" value="red" />
<input checked="checked" id="color" name="color" type="radio" value="blue" />
<input id="color" name="color" type="radio" value="green" />
@Html.RadioButtonFor(m => m.GenreId, "1") Rock
@Html.RadioButtonFor(m => m.GenreId, "2") Jazz
@Html.RadioButtonFor(m => m.GenreId, "3") Pop
Html.CheckBox
@Html.CheckBox("IsDiscounted")
<input id="IsDiscounted" name="IsDiscounted" type="checkbox" value="true" />
<input name="IsDiscounted" type="hidden" value="false" />
Html.ActionLink and Html.RouteLink
@Html.ActionLink("Link Text", "AnotherAction")
@Html.ActionLink("Link Text", "Index", "ShoppingCart")
@Html.ActionLink("Edit link text", "Edit", "StoreManager", new {id=10720}, null)
@Html.RouteLink("Link Text", new {action="AnotherAction"})
URL Helpers
<span>
@Url.Action("Browse", "Store", new { genre = "Jazz" }, null)
</span>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"
type="text/javascript"></script>
Html.Partial and Html.RenderPartial
public void Partial(string partialViewName);
public void Partial(string partialViewName, object model);
public void Partial(string partialViewName, ViewDataDictionary viewData);
public void Partial(string partialViewName, object model,
ViewDataDictionary viewData);
@Html.Partial("AlbumDisplay")
@{Html.RenderPartial("AlbumDisplay "); }
@Html.Partial("AlbumDisplay ")
Html.Action and Html.RenderAction
public class MyController : Controller {
public ActionResult Index() {
return View();
}
[ChildActionOnly]
public ActionResult Menu() {
var menu = GetMenuFromSomewhere();
return PartialView(menu);
}
}
@model Menu
<ul>
@foreach (var item in Model.MenuItem) {
<li>@item.Text</li>
}
</ul>
<html>
<head><title>Index with Menu</title></head>
<body>
@Html.Action("Menu")
<h1>Welcome to the Index View</h1>
</body>
</html>
Passing Values to RenderAction
1. You can defi ne a new class, MenuOptions, as follows:
public class MenuOptions {
public int Width { get; set; }
public int Height { get; set; }
}
2. Change the Menu action method to accept this as a parameter:
[ChildActionOnly]
public ActionResult Menu(MenuOptions options) {
return PartialView(options);
}
3. You can pass in menu options from your action call in the view:
@Html.Action("Menu", new {
options = new MenuOptions { Width=400, Height=500 } })
Cooperating with the ActionName Attribute
[ChildActionOnly]
[ActionName("CoolMenu")]
public ActionResult Menu(MenuOptions options) {
return PartialView(options);
}
