选定页面将css类附加到所选链接

时间:2014-02-24 11:26:41

标签: css asp.net-mvc

在我的asp.net mvc4应用程序中,我将菜单存储在Shared文件夹中作为部分视图 像

<li class="menu-title">
        <a class="title" href="#">Main menu</a>
    </li>
    <li class="submenu_items" style="display: list-item;">
        <ul>
            <li>
                @Html.ActionLink("Index", "Index", "My Index")
            </li>
            <li>
                @Html.ActionLink("About", "Index", "About")
            </li>    
        </ul>
    </li>

如何从控制器向视图发送一些标志到我将css类附加到所选链接的视图,例如,如果访问者在此页面加载时单击第一个链接(索引),我希望此菜单部分为

<li class="submenu_items" style="display: list-item;">
            <ul>
                <li>
                    @Html.ActionLink("Index", "Index", "My Index", new {@class="selected "})
                </li>
                <li>
                    @Html.ActionLink("About", "Index", "About")
                </li>    
            </ul>
        </li>

1 个答案:

答案 0 :(得分:1)

要突出显示所选菜单,我们可以使用自定义Html助手,Scott已经写了一篇精彩文章,关于此检查此链接

http://odetocode.com/Blogs/scott/archive/2012/08/25/asp-net-mvc-highlight-current-link.aspx