helper para menu - Githubissues

Iván,

Estoy comenzando a usar tu proyecto Invoicing-App y me está ayudando mucho. Aprovecho para hacerte una sugerencia para Menu.cshtml: condicionar la clase “active” usando un helper. Para eso se puede sacar cuál es el controlador y acción actual y pasarlo como parámetro:

Definir al inicio de Menu.cshtml una variable con el controlador-acción actual:

@{
    string currentControllerAction =         
ViewContext.Controller.ValueProvider.GetValue("controller").RawValue.ToString() + "/" + 
 ViewContext.Controller.ValueProvider.GetValue("action").RawValue.ToString();
}

Y en el menú, condicionar la clase usando el helper:

<li class="@iloire_Facturacion.Helpers.MenuHelper.GetCssClassForMenu( currentControllerAction, "Invoice/Index")">
@Html.ActionLink("Invoices", "Index", "Invoice", new { proposal = false }, null)
</li>

El helper sería algo sencillo:

    public static class MenuHelper
    {
        public const string ACTIVE_MENU_CSS_CLASS = "active";
        public const string INACTIVE_MENU_CSS_CLASS = "inactive";

        public static string GetCssClassForMenu(string currentControllerAction, string menuControllerAction)
        {
            if (currentControllerAction == menuControllerAction)
                return ACTIVE_MENU_CSS_CLASS;
            else
                return INACTIVE_MENU_CSS_CLASS;
        }
    }

Referencias: http://blog.janjonas.net/2011-02-15/aspnet-mvc_3-get-controller-action-razor-view http://www.arrangeactassert.com/asp-net-mvc-view-best-practices-keep-logic-out-of-your-views/

Hola Jess,

Va por muy buen camino tu sugerencia, la verdad es que de la manera que está ahora no es muy elegante... Pensaré en cambiarlo, gracias!!

iván

2012/1/11 jesusgarza < reply@reply.github.com

Ivn,

Estoy comenzando a usar tu proyecto Invoicing-App y me est ayudando mucho. Aprovecho para hacerte una sugerencia para Menu.cshtml: condicionar la clase active usando un helper. Para eso se puede sacar cul es el controlador y accin actual y pasarlo como parmetro:

Definir al inicio de Menu.cshtml una variable con el controlador-accin actual:
@{
   string currentControllerAction =
ViewContext.Controller.ValueProvider.GetValue("controller").RawValue.ToString()
+ "/" +

 ViewContext.Controller.ValueProvider.GetValue("action").RawValue.ToString();
}
Y en el men, condicionar la clase usando el helper:
<li class="@iloire_Facturacion.Helpers.MenuHelper.GetCssClassForMenu(
currentControllerAction, "Invoice/Index")">
@Html.ActionLink("Invoices", "Index", "Invoice", new { proposal = false },
null)
</li>
El helper sera algo sencillo:
   public static class MenuHelper
   {
       public const string ACTIVE_MENU_CSS_CLASS = "active";
       public const string INACTIVE_MENU_CSS_CLASS = "inactive";

       public static string GetCssClassForMenu(string
currentControllerAction, string menuControllerAction)
       {
           if (currentControllerAction == menuControllerAction)
               return ACTIVE_MENU_CSS_CLASS;
           else
               return INACTIVE_MENU_CSS_CLASS;
       }
   }
Referencias:

http://blog.janjonas.net/2011-02-15/aspnet-mvc_3-get-controller-action-razor-view

http://www.arrangeactassert.com/asp-net-mvc-view-best-practices-keep-logic-out-of-your-views/

Reply to this email directly or view it on GitHub: https://github.com/iloire/ASP.NET-MVC-ACME-Invoicing--App/issues/3

Ivan Loire - www.iloire.com Desarrollo y formacin .NET (MCT) (+34) 654 249068 - ivan@iloire.com

iloire / asp.net-mvc-example-invoicing-app

helper para menu #3