2017-02-24 5 views
0

arbeite an einer Anwendung und der Designer macht mich verrückt. es ist eine jsf-anwendung mit primefaces v.6 und apache tomcat v.7.welcher Ansatz ist besser für diesen Zweck CommandLink oder outputLink oder Link

Ich habe den folgenden HTML-Code von Designer

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

, wenn der Benutzer klicken Sie darauf er sich aus der Anwendung abzumelden.

Wenn ich ein commandLink

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

es ein Formular mit versteckten Eingabefeldern mit einem HTML-Anker macht. Daher sieht der Link nicht so aus wie der meines Designers (CSS).

Und wenn ich outputLink verwenden, so dass ich nur einen Anker haben kann, ist es nicht möglich, die Bean-Methode aufzurufen.

Und es ist auch nicht möglich, dieses Tag <i class="fa fa-sign-out"></i> innerhalb des Ankerelements zu bekommen, wie es entworfen wurde.

Ich hoffe, ich war ein wenig klar, wie kann ich dieses Problem lösen? Um eine JSF-link-compenent oder jede andere Technik haben (JSF, primefaces), das kann so etwas wie <a href="#"><i class="fa fa-sign-out"></i>Logout</a>

macht ich die commandLink bevorzugen wegen der Fähigkeit, eine Bean-Methode zu nennen

Jede Hilfe wird willkommen sein

Danke!

Antwort

0

Ich habe nie den primefaces Rahmen, aber wenn ich Dich richtig verstanden hat, der p:commandLink-Tag hat ein styleClass Attribut, das Sie mit Ihren fa fa-sign-out Klassen füllen.

http://www.primefaces.org/docs/vdl/6.0/core/primefaces-p/commandLink.html

Wenn das nicht funktioniert, könnten Sie setzen auch einen h:outputText-Tag in den p:commandLink und verwenden Sie das output styleClass Attribut für den gleichen Effekt.

+0

Ich benutzte das 'styleClass' Attribut von' commandLink', aber ich sah nicht wie der Link des Designers aus. Ich werde den outputText versuchen. Dank –

+0

funktionieren nicht mit 'outputText' und' styleClass'attribute –

+0

ich es tun auf diese Weise ' \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t # {msg [ 'dashboard.toprow.logout']} \t \t \t \t \t \t \t ' –

Verwandte Themen