C# ASP.NET MVC HtmlHelper用法大全
转载
因为是转载文章 在此标明出处，以前有文章是转的没标明的请谅解，因为有些已经无法找到出处，或者与其它原因。
如有冒犯请联系本人，或删除，或标明出处。
因为好的文章，以前只想收藏，但连接有时候会失效，所以现在碰到好的直接转到自己这里。
HTML扩展类的所有方法都有2个参数：
以textbox为例子
public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, IDictionary<string, Object> htmlAttributes )
public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, Object htmlAttributes )
这2个参数代表这个html标签的属性集合。使用方法如下。
1.ActionLink
<%=Html.ActionLink( "这是一个连接" , "Index" , "Home" )%>
带有QueryString的写法
<%=Html.ActionLink( "这是一个连接" , "Index" , "Home" , new { page=1 }, null )%>
<%=Html.ActionLink( "这是一个连接" , "Index" , new { page=1 })%>
有其它Html属性的写法
<%=Html.ActionLink( "这是一个连接" , "Index" , "Home" , new { id= "link1" })%>
<%=Html.ActionLink( "这是一个连接" , "Index" , null , new { id= "link1" })%>
QueryString与Html属性同时存在
<%=Html.ActionLink( "这是一个连接" , "Index" , "Home" , new { page = 1 }, new { id = "link1" })%>
<%=Html.ActionLink( "这是一个连接" , "Index" , new { page = 1 }, new { id = "link1" })%>
生成结果为：
<a href= "/" >这是一个连接</a>
带有QueryString的写法
<a href= "/?page=1" >这是一个连接</a>
<a href= "/?page=1" >这是一个连接</a>
有其它Html属性的写法
<a href= "/?Length=4" id= "link1" >这是一个连接</a>
<a href= "/" id= "link1" >这是一个连接</a>
QueryString与Html属性同时存在
<a href= "/?page=1" id= "link1" >这是一个连接</a>
<a href= "/?page=1" id= "link1" >这是一个连接</a>
|
2.RouteLink
跟ActionLink在功能上一样。
<%=Html.RouteLink( "关于" , "about" , new { })%>
带QueryString
<%=Html.RouteLink( "关于" , "about" , new { page = 1 })%>
<%=Html.RouteLink( "关于" , "about" , new { page = 1 }, new { id = "link1" })%>
生成结果：
<a href= "/about" >关于</a>
<a href= "/about?page=1" >关于</a>
<a href= "/about?page=1" id= "link1" >关于</a>
|
3.Form 2种方法
<% using (Html.BeginForm( "index" , "home" ,FormMethod.Post)){%>
<%} %>
<%Html.BeginForm( "index" , "home" , FormMethod.Post); //注意这里没有=输出%>
<%Html.EndForm(); %>
生成结果：
<form action= "/home/index" method= "post" ></form>
|
4.TextBox , Hidden ,
<%=Html.TextBox( "input1" ) %>
<%=Html.TextBox( "input2" ,Model.CategoryName, new { @style = "width:300px;" }) %>
<%=Html.TextBox( "input3" , ViewData[ "Name" ], new { @style = "width:300px;" }) %>
<%=Html.TextBoxFor(a => a.CategoryName, new { @style = "width:300px;" })%>
生成结果：
<input id= "input1" name= "input1" type= "text" value= "" />
<input id= "input2" name= "input2" style= "width:300px;" type= "text" value= "Beverages" />
<input id= "input3" name= "input3" style= "width:300px;" type= "text" value= "" />
<input id= "CategoryName" name= "CategoryName" style= "width:300px;" type= "text" value= "Beverages" />
|
5.TextArea
<%=Html.TextArea( "input5" , Model.CategoryName, 3, 9, null )%>
<%=Html.TextAreaFor(a => a.CategoryName, 3, 3, null )%>
生成结果：
<textarea cols= "9" id= "input5" name= "input5" rows= "3" >Beverages</textarea>
<textarea cols= "3" id= "CategoryName" name= "CategoryName" rows= "3" >Beverages</textarea>
|
6.CheckBox
<%=Html.CheckBox( "chk1" , true ) %>
<%=Html.CheckBox( "chk1" , new { @ class = "checkBox" }) %>
<%=Html.CheckBoxFor(a =>a.IsVaild, new { @ class = "checkBox" })%>
生成结果：
<input checked = "checked" id= "chk1" name= "chk1" type= "checkbox" value= "true" /><input name= "chk1" type= "hidden" value= "false" />
<input class = "checkBox" id= "chk1" name= "chk1" type= "checkbox" value= "true" /><input name= "chk1" type= "hidden" value= "false" />
<input checked = "checked" class = "checkBox" id= "IsVaild" name= "IsVaild" type= "checkbox" value= "true" /><input name= "IsVaild" type= "hidden" value= "false" />
|
7.ListBox
<%=Html.ListBox( "lstBox1" ,(SelectList)ViewData[ "Categories" ])%>
<%=Html.ListBoxFor(a => a.CategoryName, (SelectList)ViewData[ "Categories" ])%>
生成结果：
< select id= "lstBox1" multiple= "multiple" name= "lstBox1" >
<option value= "1" >Beverages</option>
<option value= "2" >Condiments</option>
<option selected= "selected" value= "3" >Confections</option>
<option value= "4" >Dairy Products</option>
<option value= "5" >Grains/Cereals</option>
<option value= "6" >Meat/Poultry</option>
<option value= "7" >Produce</option>
<option value= "8" >Seafood</option>
</ select >
< select id= "CategoryName" multiple= "multiple" name= "CategoryName" >
<option value= "1" >Beverages</option>
<option value= "2" >Condiments</option>
<option value= "3" >Confections</option>
<option value= "4" >Dairy Products</option>
<option value= "5" >Grains/Cereals</option>
<option value= "6" >Meat/Poultry</option>
<option value= "7" >Produce</option>
<option value= "8" >Seafood</option>
</ select >
|
8.DropDownList
<%= Html.DropDownList( "ddl1" , (SelectList)ViewData[ "Categories" ], "--Select One--" )%>
<%=Html.DropDownListFor(a => a.CategoryName, (SelectList)ViewData[ "Categories" ], "--Select One--" , new { @ class = "dropdownlist" })%>
生成结果：
< select id= "ddl1" name= "ddl1" >
<option value= "" >--Select One--</option>
<option value= "1" >Beverages</option>
<option value= "2" >Condiments</option>
<option selected= "selected" value= "3" >Confections</option>
<option value= "4" >Dairy Products</option>
<option value= "5" >Grains/Cereals</option>
<option value= "6" >Meat/Poultry</option>
<option value= "7" >Produce</option>
<option value= "8" >Seafood</option>
</ select >
< select class = "dropdownlist" id= "CategoryName" name= "CategoryName" >
<option value= "" >--Select One--</option>
<option value= "1" >Beverages</option>
<option value= "2" >Condiments</option>
<option value= "3" >Confections</option>
<option value= "4" >Dairy Products</option>
<option value= "5" >Grains/Cereals</option>
<option value= "6" >Meat/Poultry</option>
<option value= "7" >Produce</option>
<option value= "8" >Seafood</option>
</ select >
|
9.Partial 视图模板
webform里叫自定义控件。功能都是为了复用。但使用上自定义控件真的很难用好。
<% Html.RenderPartial( "DinnerForm" ); %> 看清楚了没有等号的。
|
