javascript - 如何将id添加到@Html.DisplayFor参数？

Question

我正在寻找如何将 id 添加到 @Html.DisplayFor 的决定，我可以将 jQuery 方法绑定(bind)到这个 id。

<dd>
    @Html.DisplayFor(model => model.Price)
</dd>

感谢您的建议。

Answer 1

DisplayFor 辅助方法只是呈现您传递给它的表达式的值。因此，在您的情况下，假设您的 Price 属性值为 235.34，由 razor 呈现的标记将为

<dd>
  235.34
</dd>

如果您只关心读取 Price 属性的值，您可以考虑将该值保留在隐藏的表单元素内。您可以使用 HiddenFor 辅助方法。

<dd>
    @Html.DisplayFor(model => model.Price)
    @Html.HiddenFor(a=>a.Price)
</dd>

这将呈现以下标记

<dd id="item">
    235.34
<input id="Price" name="Price" type="hidden" value="235.34" />
</dd>

您可以看到现在有一​​个 id 为 Price 的输入元素。这意味着您可以像这样读取 jQuery 中的值

var v = $("#Price").val();

另一个选项是将值保留在 HTML5 数据属性中。

<dd id="price" data-price="@Model.Price">
     @Html.DisplayFor(model => model.Price)
</dd>

你可以这样读

var v = $("#price").data("price");