猿教程 Logo

HTML Helpers

在本节中,您将了解什么是Html帮助程序以及如何在Razor视图中使用它们。

HtmlHelper类使用razor视图中的模型类对象生成html元素。 它将模型对象绑定到html元素,以将模型属性的值显示为html元素,并在提交Web表单时将html元素的值分配给模型属性。 所以总是在Razor视图中使用HtmlHelper类,而不是手动编写html标签。

下图显示了在Razor视图中使用HtmlHelper类。


如上图所示,@Html是HtmlHelper类的一个对象。 (@符号用于以razor语法访问服务器端对象)。 Html是HtmlHelper类型的属性,包含在Razor视图的WebViewPage的基类中。 ActionLink()和DisplayNameFor()是HtmlHelper类中包含的扩展方法。

HtmlHelper类生成html元素。 例如,@Html.ActionLink("Create New", "Create")将生成锚标记<a href="/Student/Create">Create</a>。

HtmlHelper类有许多扩展方法,它创建不同的html控件。

下表列出了每个方法生成的HtmlHelper方法和html控件。

HtmlHelper Strogly Typed HtmlHelpersHtml Control
Html.ActionLink
Anchor link
Html.TextBoxHtml.TextBoxForTextbox
Html.TextAreaHtml.TextAreaForTextArea
Html.CheckBoxHtml.CheckBoxForCheckbox
Html.RadioButtonHtml.RadioButtonForRadio button
Html.DropDownListHtml.DropDownListForDropdown, combobox
Html.ListBoxHtml.ListBoxFormulti-select list box
Html.HiddenHtml.HiddenForHidden field
PasswordHtml.PasswordForPassword textbox
Html.DisplayHtml.DisplayForHtml text
Html.LabelHtml.LabelForLabel
Html.EditorHtml.EditorFor基于指定模型属性的数据类型生成Html控件。 字符串属性的textbox,int,double或其他数字类型的数字字段。

调用HtmlHelper方法和使用html标签之间的区别是,HtmlHelper方法被设计为使其易于绑定到查看数据或模型数据。

要点
  1. HtmlHelper扩展方法基于模型属性生成html元素。

  2. 建议使用“For”扩展方法进行编译时类型检查。 TextBoxFor,EditorFor,CheckBoxFor等。

在接下来的几节中了解各种HtmlHelper方法。


版权声明:本站所有教程均为本站原创或翻译,转载请注明出处,请尊重他人劳动果实。请记住本站地址:www.yuanjiaocheng.net (猿教程) 作者:卿文刚
本文标题: C#环境
本文地址:http://www.yuanjiaocheng.net/mvc/mvc-html-helpers.html