none
usar bootstrap nos helpers RRS feed

  • Pergunta

  • Opa.

    Estou com dificuldade de aplicar formatos do bootstrap nos forms utilizando os helpers.

    Como eu faço pra colocar por exemplo a class="form-control" no @Html.EditorFor por exemplo.

    Vlw.

    terça-feira, 1 de abril de 2014 12:36

Respostas

Todas as Respostas

  • Use o textboxfor:

    @Html.TextBoxFor(model => model.Propriedade, new { @class = "form-control" })

    • Marcado como Resposta Cássio Costa quarta-feira, 2 de abril de 2014 13:07
    terça-feira, 1 de abril de 2014 16:55
    Moderador
  • Olá,

    Não há como fazer isso utilizando o @Html.EditorFor. Faça como o João sugeriu.

    terça-feira, 1 de abril de 2014 17:55
  • Cássio,

    Em "quase todos" os HTML Helpers existe uma sobrecarga que permite você informar os Atributos HTML. Isso é particularmente útil para a biblioteca Bootstrap visto que ela se baseia nas classes que um elemento HTML possui.

    @Html.TextBoxFor(model => model.PropetyName, new { @class = "form-control" })

    Observe que como parâmetro foi informada uma instância de uma classe anônima cuja propriedade pública chama-se "class". Observe também o uso do @ para permitir usar a palavra "class" que é uma palavra reservada do C#. 

    Entretanto, o Html.EditorFor não possui esse parâmetro. Esse Helper utiliza templates para cada tipo de dado que ele manipula. Uma das sobrecargas do Helper EditorFor também recebe uma classe anônima que na assinatura do método está identificada como additionalViewData. Você pode criar um template específico que utiliza as infomações deste parâmetro da mesma forma como foi usada a classe anônima no exemplo do Helper TextBox.

    Veja aqui alguns links que demonstram como criar templates para tipos de dados:

    Brad Wilson: ASP.NET MVC 2 Templates, Part 1: Introduction

    Scott Hanselman: ASP.NET MVC DisplayTemplate and EditorTemplates for Entity Framework DbGeography Spatial Types

    Espero ter ajudado.


    Renato Person | MCPD

    • Editado Renato Person quarta-feira, 2 de abril de 2014 17:02
    • Sugerido como Resposta Renato Person quarta-feira, 2 de abril de 2014 19:55
    quarta-feira, 2 de abril de 2014 14:09