0

私はjsf 2でprimefaces 3.5を使用しています。私のページにはカスタムメニューがあり、CSSスタイルシートです。

LogOut へのボタンだけを作成しましたが、ボタン スタイルをクラッシュさせずにログアウト Bean を正しく配置する方法がわかりません。

ビーンは:

#{loginBean.doLogout} 

HTML ページ コード :

    <body >

    <ui:composition template="/Templates/MasterTemplate.xhtml">
        <ui:define name="content">
<div class="inside">
    <div class="trans">
        <div class="fix">
        <a class="logo" href=""></a>
        <div class="show">
        <ul class="menu">
        <li > <a href="">اتصل بنا</a></li>
        <li > <a href="">LogOut button</a></li>  <<<***** here i want to put the tage ******* 
        <li > <a href="">التقارير</a>
        <ul >
        <li><a href="#{request.contextPath}/secured/Report/Student/SpecificStudent.xhtml">تقرير عن طالب محدد</a></li>
        <li><a href="#{request.contextPath}/secured/Report/Student/SpecificClass.xhtml">تقرير عن فصل محدد</a></li>
        </ul>
        </li>
        <li > <a href="http://sams-app.com/almnzm2-0/">الرئيسية</a></li>
        </ul>
        </div>
        <div class="both">
        </div>
    </div>
    </div>
</div>
<br />
<br />


<p:meterGaugeChart id="sample" value="#{chartBean.meterGaugeModel}" style="width:400px;height:250px" title="مستوى الحضور أمس لجميع الطلاب" label="نسبة الحضور/الطلاب"/>  



<p:meterGaugeChart id="custom" value="#{chartBean.meterGaugeModel}" showTickLabels="true" labelHeightAdjust="110" intervalOuterRadius="130"   
                               seriesColors="66cc66, 93b75f, E7E658, cc6666" style="width:400px;height:250px" title="Custom Options" label="km/h"/>  


        </ui:define>
    </ui:composition>
</body>
</html>

注:私のBeanは以下で正常に動作しています:

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

しかし、cssを使用して上記の同じボタンスタイルで作成したいと思います。

4

2 に答える 2

0

<h:commandButton/>CSS スタイルを使用または追加し<h:commandLink/>て、ボタンのように見せることができます。

于 2013-10-29T03:29:48.983 に答える
0

これを試して

<h:commandButton 
    onclick="window.location.assign('#{request.contextPath}#{loginBean.doLogout}');return false;" />
于 2013-10-29T06:24:32.987 に答える