如何在剃刀中指定数据属性,例如@ this.Html.CheckBoxFor(...)上的data-externalid ="23151"

Question

@this.Html.CheckBoxFor(m => m.MyModel.MyBoolProperty, new { @class="myCheckBox", extraAttr="23521"})

使用razor,我无法指定数据属性的值,例如 data-externalid="23521"

有没有办法使用@this.Html.CheckBoxFor(...)？

Answer 1

@Html.CheckBoxFor(
    m => m.MyModel.MyBoolProperty, 
    new { 
        @class = "myCheckBox", 
        data_externalid = "23521"
    }
)

在_将自动转换到-在所得的标记:

<input type="checkbox" name="MyModel.MyBoolProperty" data-externalid="23521" class="myCheckBox" />

对于所有使用htmlAttributes匿名对象作为参数的Html助手而言,这都是正确的,而不仅仅是CheckBoxFor助手.