ASP.NET MVC HtmlHelper Razor语法

时间:2015-06-03 15:06:22

标签: c# asp.net asp.net-mvc asp.net-mvc-4 razor

我目前正在学习ASP.NET MVC,并提供以下代码片段:

@Html.TextBoxFor(m => m.FirstName, new { @placeholder = "First name"})

我知道lambda表达式将模型称为 m ,但第二个参数是什么?它似乎是一个匿名类型,但我的主要问题是为什么占位符前面有 @ 字符?

3 个答案:

答案 0 :(得分:5)

第二个参数是htmlAttributes,您可以使用它来向帮助程序生成的HTML添加其他属性(@ Html.TextBoxFor是一个HTML帮助程序)。

您的示例生成的代码将包含以下内容:

@Html.TextBoxFor(m => m.FirstName, new { @placeholder = "First name"})
<input type="text" name="FirstName" placeholder="First name" />

如果需要,可以添加更多属性,它们也会添加到生成的标记中:

@Html.TextBoxFor(m => m.FirstName, new { placeholder = "First name", @class="my_text_box_class" })
<input type="text" name="FirstName" placeholder="First name" class="my_text_box_class" />

也可以使用Value覆盖文本框的值(大写字母V!):

@Html.TextBoxFor(m => m.FirstName, new { placeholder = "First name", Value="John Johnson"})
<input type="text" name="FirstName" placeholder="First name" value="John Johnson" />

@ 符号的原因适用于您希望名称与C#reserved word完全相同的属性。 class,private,namespace等。这是一种让C#编译器停止解释它的方法,因为它是C#的含义。只有这些保留字才需要@符号。

答案 1 :(得分:1)

@placeholder语法告诉剃刀引擎您要为将由助手呈现的元素的html属性赋值。因此,如果您还需要将类设置为文本框,则您的匿名类型将更改为:

new { @placeholder = "First name", @class = "BoldText" }

至于您使用@的原因,@允许您使用保留关键字作为变量名称。如果您尝试使用

class = "BoldText"

您会在视图中收到运行时错误,因为class是C#中的保留关键字。前缀@确保不会发生这种情况,并被视为“最佳做法”。 @只需要class,而不是placeholder

答案 2 :(得分:1)

第二个参数需要您想在输入中指定的htmlAttributes的匿名对象。

您使用@符号告诉剃刀引擎您指定了htmlAttribute而不是保留关键字。