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

Question

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>
         

              

Answer 1

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

Answer 2

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.

Answer 3

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.