none
Como crear sub menu en asp.net mvc, modificando el archivo _Layout.cshtml de la carpeta views/shared RRS feed

  • Pregunta

  • Hola buenas noches estoy haciendo mi primer aplicación con asp.net mvc 5 con c#, pero tengo la siguiente duda:

    Como creo un sub menú en el archivo _Layout.cshtml de la carpeta views/shared, utilice la platilla que vienen en el visual studio 2015, mi código es el siguiente del menú. La idea es que en la opción de catálogos me despliegue un submenú con la opciones siguientes: Cuentas, Partidas. Saludos y gracias por su apoyo.

       <div class="navbar-collapse collapse">
           <ul class="nav navbar-nav">
               <li>@Html.ActionLink("Inicio", "Index", "Home")</li>
               <li>@Html.ActionLink("Catálogos", "Index", "Home")</li>
               <li>@Html.ActionLink("Movimientos", "Index", "Home")</li>
               <li>@Html.ActionLink("Reportes", "Index", "Home")</li>
               <li>@Html.ActionLink("Utilerias", "Index", "Home")</li>
               <li>@Html.ActionLink("Acerca de", "About", "Home")</li>
               <li>@Html.ActionLink("Contacto", "Contact", "Home")</li>
            </ul>
             

                    
    sábado, 5 de septiembre de 2015 1:27

Respuestas

  • hola

    no lo comentas pero entiendo que usas bootstrap, no ?

    si revisas la doc

    bootstrap navbar


    podrias ver como usando el

    data-toggle="dropdown"

    puedes definir una un <ul> con otroas items desplegables

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta Omar Altamirano sábado, 5 de septiembre de 2015 22:09
    • Desmarcado como respuesta Omar Altamirano domingo, 6 de septiembre de 2015 4:18
    • Marcado como respuesta Omar Altamirano domingo, 6 de septiembre de 2015 18:09
    sábado, 5 de septiembre de 2015 13:22
  • Hola Omar Altamirano,

    Pero un proyecto MVC 5 ya contiene bootstrap, revisa el enlace que te ha alcanzado Leandro y aplicalo en tu desarrollo. Incluso en los helpers que implementa Razor expone parámetros que puedes utilizar para pasar la clase que define algún estilo de bootstrap.

    Te sugiero lo siguiente: intenta crear el menú con puro HTML y bootstrap (según la documentación que es clara y simple), a penas lo tengas intenta hacer lo mismo pero con los helper que implementa Razor, es simple. En caso tengas mayores inconvenientes, no es regla de oro que el layout contenga sólo sintaxis Razor, puedes dejarlo con código HTML, recuerda que finalmente la sintaxis RAZOR "será devuelto" al navegador como código HTML.


    OFF TOPIC:

    Máximas en el diseño de software:

    Principio 1: DRY (Don't repeat yourself) No repitas código, encapsula y reutiliza.

    Principio 2: KISS (Keep It Simple, Stupid) Hazlo simple, legible, evita la complejidad innecesaria.

    Principio 3: YAGNI (You Aint't Gonna Need It) No agregues funcionalidad si no es necesario. Básate en requerimientos, no en suposiciones.
    • Marcado como respuesta Omar Altamirano domingo, 6 de septiembre de 2015 18:09
    domingo, 6 de septiembre de 2015 17:27

Todas las respuestas

  • hola

    no lo comentas pero entiendo que usas bootstrap, no ?

    si revisas la doc

    bootstrap navbar


    podrias ver como usando el

    data-toggle="dropdown"

    puedes definir una un <ul> con otroas items desplegables

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Marcado como respuesta Omar Altamirano sábado, 5 de septiembre de 2015 22:09
    • Desmarcado como respuesta Omar Altamirano domingo, 6 de septiembre de 2015 4:18
    • Marcado como respuesta Omar Altamirano domingo, 6 de septiembre de 2015 18:09
    sábado, 5 de septiembre de 2015 13:22
  • Hola Leadro gracias por contestar cheque el link del bootstrap navbar, pero en mi caso ocupo los ejemplos con sintaxis razor. ya que tengo el visual studio 2015 con mvc 5 con c#. Me podrías pasar un nuevo link por favor, ya que estuve buscando en internet y no encuentro mucho material. Saludos y gracias por tu apoyo.
    domingo, 6 de septiembre de 2015 4:26
  • Hola Omar Altamirano,

    Pero un proyecto MVC 5 ya contiene bootstrap, revisa el enlace que te ha alcanzado Leandro y aplicalo en tu desarrollo. Incluso en los helpers que implementa Razor expone parámetros que puedes utilizar para pasar la clase que define algún estilo de bootstrap.

    Te sugiero lo siguiente: intenta crear el menú con puro HTML y bootstrap (según la documentación que es clara y simple), a penas lo tengas intenta hacer lo mismo pero con los helper que implementa Razor, es simple. En caso tengas mayores inconvenientes, no es regla de oro que el layout contenga sólo sintaxis Razor, puedes dejarlo con código HTML, recuerda que finalmente la sintaxis RAZOR "será devuelto" al navegador como código HTML.


    OFF TOPIC:

    Máximas en el diseño de software:

    Principio 1: DRY (Don't repeat yourself) No repitas código, encapsula y reutiliza.

    Principio 2: KISS (Keep It Simple, Stupid) Hazlo simple, legible, evita la complejidad innecesaria.

    Principio 3: YAGNI (You Aint't Gonna Need It) No agregues funcionalidad si no es necesario. Básate en requerimientos, no en suposiciones.
    • Marcado como respuesta Omar Altamirano domingo, 6 de septiembre de 2015 18:09
    domingo, 6 de septiembre de 2015 17:27