针对当前/活动路径使用不同 CSS 类的 JSF 导航
我正在尝试在 JSF 中创建一个菜单模板，其中当前目录的链接具有不同的“当前”或“活动”类。目前的代码如下所示：
<ul>
<li><h:outputLink value="#{request.contextPath}/a/">A</h:outputLink></li>
<li><h:outputLink value="#{request.contextPath}/b/">B</h:outputLink></li>
<li><h:outputLink value="#{request.contextPath}/c/">C</h:outputLink></li>
</ul>
我正在考虑使用类似 styleClass="#{(thisDir == currentDir) ? currentLinkClass : normalLinkClass}" 的内容。但是如何获取当前路径呢？这是否正确，或者有更好的方法吗？
另外，我希望链接基于当前路径，而不仅仅是页面。例如，myapp/a/1.jsf 和 myapp/a/2.jsf（即 myapp/a/*.jsf ) 应触发 A 链接的活动类。 （我希望我的解释是清楚的。）这可能吗？这应该怎么做呢？
非常感谢！
I'm trying to create a menu template in JSF where the link for the current directory has a different "current" or "active" class. The code currently looks like:
<ul>
<li><h:outputLink value="#{request.contextPath}/a/">A</h:outputLink></li>
<li><h:outputLink value="#{request.contextPath}/b/">B</h:outputLink></li>
<li><h:outputLink value="#{request.contextPath}/c/">C</h:outputLink></li>
</ul>
I'm thinking of using something like styleClass="#{(thisDir == currentDir) ? currentLinkClass : normalLinkClass}". But how do I get the current path? Is this even correct, or is there a better way to do this?
Also, I want the links to base on the current path, not just the page. For example, myapp/a/1.jsf and myapp/a/2.jsf (that is, myapp/a/*.jsf) should trigger the active class for the A link. (I hope my explanation is clear.) Is this possible? How should this be done?
Thank you very much!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用
# {request.requestURI}获取当前请求 URI。如果需要，您可以使用 JSTLfntaglib 在 EL 中进行一些字符串比较/操作。您提出的 EL
styleClass建议非常好。无论如何，没有其他简单的方法。到目前为止，您可以做的最佳优化是通过You can use
#{request.requestURI}to get the current request URI. You can if necessary use several EL functions from JSTLfntaglib to do some string comparisons/manipulations in EL.Your proposed EL
styleClasssuggestion is perfectly fine. There is no other easy way anyway. Best optimization which you could do so far is to render those links in a loop by an<ui:repeat>so that code duplication is at least eliminated.您还可以尝试使用
#{view.viewId}的方法：You can also try this approach which uses
#{view.viewId}: