如何在@ 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（其只需要保留字）。