2017-02-24 3 views
0

がアプリケーションに取り組んでいて、デザイナーが私を狂わせてしまいます。それはprimeface v.6とapache tomcat v.7を持つjsfアプリケーションです。ユーザーがそれをクリックしたときにこの目的のためには、commandLinkまたはoutputLinkまたはLink

私はデザイナー

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

から次のHTMLコードを持って、彼はアプリケーションからログアウト。

私はcommandLink

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

を使用する場合、それはHTMLのアンカーと隠し入力フィールドを持つフォームをレンダリングします。したがって、リンクは私のデザイナー(CSS)のようには見えません。

私がoutputLinkを使用しているので、アンカーを持つことができるので、Beanメソッドを呼び出すことはできません。

アンカー要素の内側にこのタグ<i class="fa fa-sign-out"></i>を配置することもできません。

私は、私はこの問題を解決するにはどうすればいいですか?私はすべてのヘルプは

歓迎されるだろうBeanメソッド

を呼び出すことが理由の能力のcommandLinkを好む

<a href="#"><i class="fa fa-sign-out"></i>Logout</a>ようにすることができますが何かをレンダリングJSF-リンクcompenentまたは任意の他の技術(JSF、primefaces)を持っているために、

ありがとうございます!

答えて

0

私はprimefacesフレームワークを使用したことはありませんが、正しく理解していればstyleClassという属性があり、fa fa-sign-outクラスで記入することができます。

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

問題が解決しない場合は、p:commandLinkh:outputTextタグを入れて、同じ効果のためのoutputText styleClass属性を使用することができます。

+0

私は 'commandLink'の' styleClass' Attributを使用しましたが、私はデザイナーのリンクのようには見えませんでした。私はoutputTextを試してみます。おかげ –

+0

は 'outputText'と' styleClass'attribute –

+0

では動作しません。私は、このよう 'それを行う \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 ' –

関連する問題