如何在@ Html.TextBoxFor中使用bootstrap-formhelpers数据格式？

Question

如果你看一看this bootstrap documentation为formhelpers，我可以用

<input type="text" class="form-control bfh-phone" data-format="+1 (ddd) ddd-dddd" placeholder="Cell or Home Phone" required> 

当用户输入一个电话号码，格式化文本框。我想用@Html.TextBoxFor或@Html.EditorFor来做同样的事情。我如何在mvc中完成此操作？这是我曾尝试：

<input type="text" class="form-control bfh-phone" data-format="+1 (ddd) ddd-dddd" value="@Model.PhoneNumber" placeholder="Cell or Home Phone" required> 

和

@Html.EditorFor(model => model.PhoneNumber, new { htmlAttributes = new { @class = "form-control bfh-phone", @placeholder = "Cell or Home Phone", @data-format="+1 (ddd) ddd-dddd" } }) 

这两者给出了object reference剃刀语法错误。这是如何完成的？

Answer 1

当使用EditorFor()接受object添加HTML属性的过载，则需要通过剃刀引擎使用_（下划线）字符将被转换为-（连字符）。使用data_format = ".."，不data-format = ".."

@Html.EditorFor(m => m.PhoneNumber, new { htmlAttributes = 
    new { @class = "..", placeholder = "..", data_format="+1 (ddd) ddd-dddd" } }) 

还要注意你不需要的领先@字符placeholder或data_format（其只需要保留字）。