本文共 2690 字，大约阅读时间需要 8 分钟。

HtmlHelper在ASP.NET MVC中是用来在视图中渲染HTML控件的重要工具。本文将详细介绍常用的HtmlHelper方法及其使用示例。

1. ActionLink

ActionLink用于在视图中生成链接，通常用于执行 controller动作。其基本使用方式如下：

@Html.ActionLink("这是一个连接", "Index", "Home")

如果需要传递查询字符串，可以这样使用：

@Html.ActionLink("这是一个连接", "Index", "Home", new { page = 1 })

或者只传递查询字符串而不传递路由参数：

@Html.ActionLink("这是一个连接", "Index", new { page = 1 })

还可以添加其他HTML属性：

@Html.ActionLink("这是一个连接", "Index", "Home", new { id = "link1" })

如果不需要生成路由链接，只需传递查询字符串：

@Html.ActionLink("这是一个连接", null, new { page = 1 })

生成结果：

• 带有QueryString的链接：<a href="/?page=1">这是一个连接</a>
• 带有HTML属性的链接：<a href="/?Length=4" id="link1">这是一个连接</a>

2. RouteLink

RouteLink与ActionLink功能上非常相似，主要用于在路由定义中生成链接。其使用方式与ActionLink完全一致。

@Html.RouteLink("关于", "about")

带QueryString的使用方式：

@Html.RouteLink("关于", "about", new { page = 1 })

也可以同时传递QueryString和HTML属性：

@Html.RouteLink("关于", "about", new { page = 1 }, new { id = "link1" })

生成结果：

• 简单路由链接：<a href="/about">关于</a>
• 带有QueryString的路由链接：<a href="/about?page=1">关于</a>
• 带有HTML属性的路由链接：<a href="/about" id="link1">关于</a>

3. Form

Form控件用于在视图中渲染表单。有两种常用的使用方式：

@using(Html.BeginForm("index", "home", FormMethod.Post)) { ... }

或者直接使用HtmlHelper生成表单：

@Html.BeginForm("index", "home", FormMethod.Post)@Html.EndForm()

生成结果：

4. TextBox

TextBox用于生成输入字段。常见使用方式如下：

@Html.TextBox("input1")

如果需要设置特定属性，可以这样使用：

@Html.TextBox("input2", Model.CategoryName, new { @style = "width:300px;" })

也可以使用TextBoxFor方法绑定到模型属性：

@Html.TextBoxFor(a => a.CategoryName, new { @style = "width:300px;" })

生成结果：

5. TextArea

TextArea用于生成多行文本输入框。使用方式如下：

@Html.TextArea("input5", Model.CategoryName, 3, 9)

或者绑定到模型属性：

@Html.TextAreaFor(a => a.CategoryName, 3, 3)

生成结果：

BeveragesBeverages

6. CheckBox

CheckBox用于生成复选框。常见使用方式如下：

@Html.CheckBox("chk1", true)

如果需要设置类名：

@Html.CheckBox("chk1", new { @class = "checkBox" })

也可以绑定到模型属性：

@Html.CheckBoxFor(a => a.IsVaild, new { @class = "checkBox" })

生成结果：

7. ListBox

ListBox用于生成多选下拉框。常见使用方式如下：

@Html.ListBox("lstBox1", (SelectList)ViewData["Categories"])

也可以绑定到模型属性：

@Html.ListBoxFor(a => a.CategoryName, (SelectList)ViewData["Categories"])

生成结果：

  Beverages  Condiments  Confections  Dairy Products  Grains/Cereals  Meat/Poultry  Produce  Seafood

8. DropDownList

DropDownList用于生成下拉框。常见使用方式如下：

@Html.DropDownList("ddl1", (SelectList)ViewData["Categories"], "--Select One--")

也可以绑定到模型属性并设置选项：

@Html.DropDownListFor(a => a.CategoryName, (SelectList)ViewData["Categories"], "--Select One--", new { @class = "dropdownlist" })

生成结果：

  --Select One--  Beverages  Condiments  Confections  Dairy Products  Grains/Cereals  Meat/Poultry  Produce  Seafood

9. Partial

Partial视图模板用于在页面中嵌入自定义的用户控件或子页面。使用方式如下：

@Html.RenderPartial("DinnerForm")

生成结果：

[DinnerForm的内容]

通过以上方法，开发者可以方便地在视图中渲染各种HTML控件，提升应用的用户体验。

转载地址：http://fhffk.baihongyu.com/