Skip to main content
Algumas coisas.
Fonte Link
Leonel Sanches da Silva
  • 89,6mil
  • 9
  • 125
  • 233

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" } })

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 {
    <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" } })

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" } })
Fonte Link
Leonel Sanches da Silva
  • 89,6mil
  • 9
  • 125
  • 233

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 {
    <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" } })