Java EE - 将类设置为“活动”答案

【问题标题】：Java EE - Set class to "active"Java EE - 将类设置为“活动”
【发布时间】：2018-01-24 10:47:27
【问题描述】：

我是 Java EE 开发的新手。

我的问题是将引导导航栏类设置为活动，如果用户会去另一边。

<ul class="nav navbar-nav navbar-right">
    <li><a href="#"><span class="glyphicon glyphicon-user"></span>
        Sign Up</a></li>
    <li id="login" class="active"><a href="/login.do">
        <span class="glyphicon glyphicon-log-in">
        </span> Login</a>
    </li>
</ul>

实际上我已将“导航栏”中的“登录”按钮设置为活动状态。

现在我想让它成为可能，如果用户转到另一个站点，导航栏中的活动按钮将切换。我用 javascript 尝试过，但它在我的 java-ee 项目中不起作用。

【问题讨论】：

标签： java-ee-7

【解决方案1】：

您没有指定您使用的 UI 框架。对于 JSF，您可以执行以下操作：

您可以使用 EL 表达式 #{view.viewId} 检查当前视图 id，如果它符合您的期望，则添加 styleClass：

<ul class="nav navbar-nav navbar-right">
    <li styleClass="#{view.viewId == 'login' ? 'active' : ''">
        <a href="#">
            <span class="glyphicon glyphicon-user"></span>Sign Up
        </a>
    </li>
    <li id="login" styleClass="#{view.viewId == 'login' ? 'active' : ''">  
        <a href="/login.do">
            <span class="glyphicon glyphicon-log-in"></span> Login
        </a>
    </li>
</ul>

【讨论】：