【问题标题】:How to toggle class active in asp.net razor?如何在asp.net razor中切换类活动?
【发布时间】:2018-02-24 05:15:21
【问题描述】:

当主菜单处于活动状态(选中)时,渲染它

<li class="active"><a href = "~/Home" >Home</a></li>

否则,当主菜单处于非活动状态(未选中)时,呈现此

<li><a href = "~/Home" >Home</a></li>

【问题讨论】:

  • 有多种方法——使用HtmlHelper扩展方法,根据当前路由返回一个类名,或者为ViewBag赋值并使用一些javascript来设置它等等。
  • “主菜单已激活”是什么意思?您是否引用了控制器内部的操作?
  • dom对this question的回答中的扩展方法就是一个例子

标签: c# html asp.net asp.net-mvc razor


【解决方案1】:

试试这种类型,它可能对你有帮助。

<li class="@(ViewContext.RouteData.Values["Action"].ToString() == "Home" ? "active" : "")"><a href = "~/Home" >Home</a></li>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多