Ideia 1:
Um forma de fazer seria adicionar o atributo [UIHint("Cep")]
no seu model, e então criar um editor-template com o nome "Cep.cshtml" que renderiza exatamente o que você quer.
Ideia 2:
Uma outra forma de fazer isso, seria criar um tipo Cep
(sem ser um atributo) e então usar esse tipo, criando um editor-template para ele, assim como um model-binder customizado para este tipo.
Exemplo usando UIHint
Atributo herdando do UIHint:
public sealed class CepHintAttribute : UIHintAttribute
{
public CepHintAttribute() : base("Cep") { }
}
Editor template, que deve ser colocado na pasta das views em Shared\EditorTemplates
, com o nome de Cep.cshtml
:
@model object
@{
var fieldId = this.ViewData.TemplateInfo.GetFullHtmlFieldId(string.Empty);
var fieldName = this.ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty);
}
<script type='text/javascript'>
$(document).ready(function () {
{
$('#@fieldId').mask('99999-999');
}
});
</script>
<input type="text" name="@fieldName" id="@fieldId" value="@this.Model"/>
Classe de modelo da view:
public class Endereco
{
public int Id { get; set; }
public string Complemento { get; set; }
public string Logradouro { get; set; }
public string Numero { get; set; }
[CepHint]
public string Cep { get; set; }
}
E finalmente na view em que você quiser mostrar o campo, use EditorFor
:
@model ClienteData
@* ... um pouco mais abaixo no arquivo ... *@
@this.Html.LabelFor(m => m.Cep)
@this.Html.EditorFor(m => m.Cep)
@this.Html.ValidationMessageFor(m => m.Cep)
$('input[type="text"]').setMask();