C# ASP.NET MVC HtmlHelper用法大全 C# ASP.NET MVC HtmlHelper用法大全 C# ASP.NET MVC HtmlHelper用法大全
HTML擴展類的全部方法都有2個參數：html
以textbox爲例子web
public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, IDictionary<string, Object> htmlAttributes )post
public static string TextBox( this HtmlHelper htmlHelper, string name, Object value, Object htmlAttributes )this
這2個參數表明這個html標籤的屬性集合。使用方法以下。url
1.ActionLinkspa
<%=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.RouteLinkcode
跟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>
|
<%
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 ,orm
<%=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"
/>
|
<%=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>
|
<%=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"
/>
|
<%=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
>
|
<%= 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
>
|
webform裏叫自定義控件。功能都是爲了複用。但使用上自定義控件真的很難用好。
<% Html.RenderPartial(
"DinnerForm"
); %> 看清楚了沒有等號的。
HTML擴展類的全部方法都有2個參數：htm 以textbox爲例子blog 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
2.RouteLink
4.TextBox , Hidden ,
|
相關文章
- 1. MVC HtmlHelper用法大全
- 2. ASP.NET MVC HtmlHelper
- 3. ASP.NET MVC HtmlHelper如何擴展
- 4. 12、ASP.NET MVC入門到精通——HtmlHelper
- 5. Mvc HtmlHelper 方法擴展 DropDownListFor
- 6. [ASP.NET MVC]爲HtmlHelper添加一個RadioButtonList擴展方法
- 7. ASP.NET MVC 中出現的 方法 中的 this 關鍵字 用法 (this HtmlHelper helper)
- 8. C# .net用法大全
- 9. [Asp.net mvc]Html.ValidationSummary(bool)
- 10. ASP.NET MVC 詳解
- 更多相關文章...
- • ASP.NET MVC - 安全 - ASP.NET 教程
- • Docker 命令大全 - Docker教程
- • C# 中 foreach 遍歷的用法
- • JDK13 GA發佈：5大特性解讀
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. CVPR 2020 論文大盤點-光流篇
- 2. Photoshop教程_ps中怎麼載入圖案？PS圖案如何導入？
- 3. org.pentaho.di.core.exception.KettleDatabaseException:Error occurred while trying to connect to the
- 4. SonarQube Scanner execution execution Error --- Failed to upload report - 500: An error has occurred
- 5. idea 導入源碼包
- 6. python學習 day2——基礎學習
- 7. 3D將是頁遊市場新賽道？
- 8. osg--交互
- 9. OSG-交互
- 10. Idea、spring boot 圖片(pgn顯示、jpg不顯示)解決方案
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. MVC HtmlHelper用法大全
- 2. ASP.NET MVC HtmlHelper
- 3. ASP.NET MVC HtmlHelper如何擴展
- 4. 12、ASP.NET MVC入門到精通——HtmlHelper
- 5. Mvc HtmlHelper 方法擴展 DropDownListFor
- 6. [ASP.NET MVC]爲HtmlHelper添加一個RadioButtonList擴展方法
- 7. ASP.NET MVC 中出現的 方法 中的 this 關鍵字 用法 (this HtmlHelper helper)
- 8. C# .net用法大全
- 9. [Asp.net mvc]Html.ValidationSummary(bool)
- 10. ASP.NET MVC 詳解