Question

正在处理一个应用程序，设计师让我发疯。它是一个带有primefaces v.6和apache tomcat v.7的jsf应用程序。

我有来自设计师的以下html代码

<a href="#"><i class="fa fa-sign-out"></i>Logout</a>

当用户点击它时，他从应用程序注销。

当我使用commandLink

时

 <h:form>
    <p:commandLink action="#{loginBean.logout}" value="Logout"/>                            
</h:form>

它呈现一个带有隐藏输入字段和HTML锚点的表单。因此链接看起来不像我的设计师（CSS）。

当我使用outputLink以便我可以拥有一个锚点时，无法调用bean方法。

它也不可能像锚点元素那样在锚元素中得到这个标记<i class="fa fa-sign-out"></i>。

我希望，我很清楚，我该如何解决这个问题？有一个jsf-link-compenent或任何其他技术（jsf，primefaces）可以呈现类似<a href="#"><i class="fa fa-sign-out"></i>Logout</a>

的东西

我更喜欢commandLink因为能够调用bean方法

欢迎任何帮助

谢谢！

Answer 1

我从未使用过primefaces框架，但如果我理解正确，那么p:commandLink标记就会有一个styleClass属性，您可以使用fa fa-sign-out类来填充。

如果这不起作用，您还可以在h:outputText中添加p:commandLink标记，并使用outputText styleClass属性获得相同的效果。