Há dois pontos aqui: @Html.DisplayFor()
e @Html.TextBoxFor()
, ou então @Html.EditorFor()
.
Para o caso do @Html.DisplayFor()
, você pode usar algo assim:
@Html.DisplayFor(modelItem => telefone, "Telefone")
Aí você cria um template Razor em Views\Shared\DisplayTemplates\Telefone.cshtml
com o seguinte:
@model long
@string.Format("{0:(00) 00000-0000}", Model)
Estou supondo que seu telefone é long
.
Já para @Html.TextBoxFor()
e @Html.EditorFor()
, O ideal é usar o NuGet para instalar o jQuery.MaskedInput e verificar seu BundleConfig.cs
para se certificar de que há uma referência ao jQuery.MaskedInput lá.
A outra coisa é colocar o bloco de scripts da View em @section Scripts {}
:
@section Scripts {
<!-- não esqueça de criar o bundle -->
@Scripts.Render("~/bundles/jquery/maskedinput")
<script>
$(document).ready(function()
{
$(".telefone").mask("(99) 9999?9-9999")
});
</script>
}
O telefone também precisa estar com a anotação da classe:
@Html.EditorFor(model => model.Telefone, new { htmlAttributes = new { @class = "telefone" } })