asp.net-mvc - 具有剃刀语法的 html 助手重载

Question

  @Html.TextBox("displayName", ViewData["cusDispName"], new { @class = "k-textbox", id = "CusMainDispName", disabled = "disabled" })

我需要帮助来理解上面带有剃刀语法的代码行。

尤其是这行代码的一部分。

new { @class = "k-textbox", id = "CusMainDispName", disabled = "disabled" })

这与CSS有关，但我无法弄清楚。

Answer 1

如果你给@Html.TextBox("displayName", ViewData["cusDispName"], new { @class = "k-textbox", id = "CusMainDispName", disabled = "disabled" })，当在你的页面上创建 texbox 元素时，它将具有以下 HTML 属性：

class = "k-textbox"
id = "CusMainDispName"
disabled = "disabled"
value = (Whatever you have passed in ViewData["cusDispName"])
name = "displayName"

如果你只给@Html.TextBox("displayName", ViewData["cusDispName"])：

id = "displayName"
name = "displayName"
value = (Whatever you have passed in ViewData["cusDispName"])

第三个参数是一个包含键值对的字典。键将是您要设置的 html 属性，值将是属性的值。