在xpage上,我有一个导航栏。在此导航栏上,您将看到哪个显示在您所在的页面上。我该如何计算并将该类放到正确的位置
我尝试了以下无效的方法:
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active">
<xp:text escape="false" id="computedField1">
<xp:this.value><![CDATA[#{javascript:active = @RightBack(view.getPageName(),'/');
main ="<a href='product.xsp'>PRODUCTS</a>";
home ="<a href='home.xsp'>HOME</a>";
if (active =="product.xsp"){
return main
}
else {
return home
}}]]></xp:this.value>
</xp:text>
</li>
<li>
<a href="#">NEXT LINK</a>
</li>
<li>
<a href="#">ANOTHER LINK</a>
</li>
</ul>
</div>
实际上我想计算该类。当我在HOME页面上时,HOME链接应使该班级处于活动状态。当我在PRODUCTS页面上时,HOME链接应成为普通li,而product li应获得活动类li。
如何计算课程?
据我所知,SSJS中没有添加类的可能性?
尽管不能使用“ this”,但您可以计算传递标记的属性。他们的符号。对于这种事情,我经常这样做:
<li class="${view.pageName == '/home.xsp' ? 'active' : ''}">...</li>
<li class="${view.pageName == '/products.xsp' ? 'active' : ''}">...</li>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句