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"); %>  看清楚了没有等号的。

转:http://www.cnblogs.com/fishtreeyu/archive/2011/03/23/1992498.html

时间: 2024-10-14 15:51:58

C# ASP.NET MVC HtmlHelper用法大全的相关文章

【MVC】ASP.NET MVC HtmlHelper用法大全

1.ActionLink <%=Html.ActionLink("这是一个连接", "Index", "Home")%>   带有QueryString的写法 <%=Html.ActionLink("这是一个连接", "Index", "Home", new { page=1 },null)%> <%=Html.ActionLink("这是一个连接

MVC HtmlHelper用法大全

http://www.cnblogs.com/jyan/archive/2012/07/23/2604474.html HtmlHelper用来在视图中呈现 HTML 控件. 以下列表显示了当前可用的一些 HTML 帮助器. 本主题演示所列出的带有星号 (*) 的帮助器. ActionLink - 链接到操作方法. BeginForm * - 标记窗体的开头并链接到呈现该窗体的操作方法. CheckBox * - 呈现复选框. DropDownList * - 呈现下拉列表. Hidden -

C# ASP.NET MVC HtmlHelper用法汇总

1. @Html.Raw() 方法输出带有html标签的字符串: 如: @Html.Raw("<div style='color:red'>Hello World!</div>") 结果:Hello World! 2. @html.ActionLink生成一个<a href=".."></a>标记: 如:@Html.ActionLink(“linkText”.“actionName”.“controlName”,new

[转]MVC HtmlHelper用法大全

原谅链接:http://www.cnblogs.com/jyan/archive/2012/07/23/2604474.html HtmlHelper用来在视图中呈现 HTML 控件. 以下列表显示了当前可用的一些 HTML 帮助器. 本主题演示所列出的带有星号 (*) 的帮助器. ActionLink - 链接到操作方法. BeginForm * - 标记窗体的开头并链接到呈现该窗体的操作方法. CheckBox * - 呈现复选框. DropDownList * - 呈现下拉列表. Hidd

MVC5 + EF6 + Bootstrap3 (9) HtmlHelper用法大全(下)

文章来源:Slark.NET-博客园 http://www.cnblogs.com/slark/p/mvc5-ef6-bs3-get-started-httphelper-part2.html 上一节:MVC5 + EF6 + Bootstrap3 (8) HtmlHelper用法大全(上) 源码下载:点我下载 目录: 说明 Form表单 使用TagBuilder创建自定义标签 强类型HtmlHelper LabelFor数据标签 DisplayFor 和 EditorFor显示和编辑Model

扩展ASP.NET MVC HtmlHelper类

在这篇帖子中我会使用一个示例演示扩展ASP.NET MVC HtmlHelper类,让它们可以在你的MVC视图中工作.这个示例中我会提供一个简单的方案生成Html表格. HtmlHelper类 HtmlHelper类用于在ASP.NET MVC framework中帮助视图呈现html部分. 这个类提供了一些方法,你可以使用这些方法呈现html中的一些类型(textbox,checkbox等),或者html的一部分(如form).ASP.NET MVC framework helper有这些内容

[转]ASP.NET MVC HtmlHelper扩展之Calendar日期时间选择

本文转自:http://blog.bossma.cn/asp_net_mvc/asp-net-mvc-htmlhelper-calendar-datetime-select/ 这里我们扩展HtmlHelper,就像它包含在ASP.NET MVC中一样,扩展方法使我们能为已有的类添加方法.这里使用了一个日期时间选择控件:My97DatePicker,需要添加到网站中,并在页面中引用. 先看看是怎么扩展的: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

asp.net mvc Htmlhelper简单扩展

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace WebApplication1.MyHtmlHelper { public static class MyHtmlHelper { //页面渲染结果: //<span>我扩展的Label,自动生成Span标签</span> //把标签名都显示(直接将内

asp.net MVC ViewData用法

控制器向视图中传值ViewData详解 1.将一个字符串传值到视图中 在action中我们将字符串保存在ViewData(或ViewBag [asp.net 3或以上才可用])中代码如下: public ActionResult Index()        {            ViewData["str1"]= "这是一个字符串"; //也可以使用ViewBag来传递值 ViewBag.str2="这是另外一个字符串"; return V