none
Abas MVC3 RRS feed

Respostas

  • Olá Leornardo,

    Eu já te adianto que no desenvolvimento com MVC você terá mais responsabilidade com o HTML gerado. Já deu uma olhada no JQuery UI?

    Você precisa incluir os javascripts da biblioteca no seu projeto e modelar um HTML semelhante a esse:

    <UL>
    <LI><A href="#tabs-1">Nunc tincidunt</A></LI>
    <LI><A href="#tabs-2">Proin dolor</A></LI>
    <LI><A href="#tabs-3">Aenean lacinia</A></LI></UL>
    <DIV id=tabs-1>
    <P>Proin elit arcu, rutrum commodo, vehicula tempus.</P></DIV>
    <DIV id=tabs-2>
    <P>Morbi tincidunt, dui sit amet facilisis feugiat</P></DIV>
    <DIV id=tabs-3>
    <P>Mauris eleifend est et turpis. </P>
    <P>Duis cursus. Maecenas ligula eros</P></DIV></DIV></DIV><!-- End demo -->
    <DIV style="DISPLAY: none" class=demo-description>
    <P>Click tabs to swap between content that is broken into logical sections.</P></DIV><!-- 
    

    Cada A nesse HTML representa o título da aba e cada DIV guarda o conteúdo.

    Abraços!


    MCPD, MCSD, MCAD, MCDBA, MCP, colaborador do 100loop e membro do grupo DotNetRaptors.
    • Editado Ivan Paulovich quinta-feira, 27 de outubro de 2011 01:04 formatação
    • Marcado como Resposta Leonardo B Moreira quinta-feira, 27 de outubro de 2011 12:23
    quarta-feira, 26 de outubro de 2011 20:19

Todas as Respostas

  • Olá Leornardo,

    Eu já te adianto que no desenvolvimento com MVC você terá mais responsabilidade com o HTML gerado. Já deu uma olhada no JQuery UI?

    Você precisa incluir os javascripts da biblioteca no seu projeto e modelar um HTML semelhante a esse:

    <UL>
    <LI><A href="#tabs-1">Nunc tincidunt</A></LI>
    <LI><A href="#tabs-2">Proin dolor</A></LI>
    <LI><A href="#tabs-3">Aenean lacinia</A></LI></UL>
    <DIV id=tabs-1>
    <P>Proin elit arcu, rutrum commodo, vehicula tempus.</P></DIV>
    <DIV id=tabs-2>
    <P>Morbi tincidunt, dui sit amet facilisis feugiat</P></DIV>
    <DIV id=tabs-3>
    <P>Mauris eleifend est et turpis. </P>
    <P>Duis cursus. Maecenas ligula eros</P></DIV></DIV></DIV><!-- End demo -->
    <DIV style="DISPLAY: none" class=demo-description>
    <P>Click tabs to swap between content that is broken into logical sections.</P></DIV><!-- 
    

    Cada A nesse HTML representa o título da aba e cada DIV guarda o conteúdo.

    Abraços!


    MCPD, MCSD, MCAD, MCDBA, MCP, colaborador do 100loop e membro do grupo DotNetRaptors.
    • Editado Ivan Paulovich quinta-feira, 27 de outubro de 2011 01:04 formatação
    • Marcado como Resposta Leonardo B Moreira quinta-feira, 27 de outubro de 2011 12:23
    quarta-feira, 26 de outubro de 2011 20:19
  • Legal, curti.

    Realmente eu imaginava que seria JQuery =D

    vlw.


    Leonardo B. Moreira
    Web Developer .net with asp.net and C#
    I know, it is only programming but I like it.
    http://hashtageek.blogspot.com
    @lmoreira1987
    @lbmdeveloper
    quinta-feira, 27 de outubro de 2011 12:23