3

私は使用しています：

  • プライムフェイス3.4
  • tomcat7
  • カスタムprimefacesテーマ（ダークハイブ）の使用
  • Firefox 16.0.2、IE8

私は p:menu をウェブサイトに入れようとしています:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      >
    <body>

        <ui:composition>
            <h:form>
                <p:menu >  
                    <p:submenu label="TESTING" icon="ui-icon-disk">  
                        <p:menuitem value="TEST"  outcome="/jsp/home" icon="ui-icon-star"/>
                        <p:menuitem value="List" outcome="/jsp/rip/home2" /> 
                        <p:menuitem value="ExcelTEst" outcome="/jsp/excelTest" /> 
                    </p:submenu>  
                </p:menu>

            </h:form>
        </ui:composition>

    </body>
</html>

この例では、icon ui-icon-star はサブメニューのテストの左上隅にジャンプします。また、これはメニュー項目に追加するすべてのアイコンで発生します。アイコン ui-icon-disk は表示されません。

私は他のいくつかの例を試しました。これはうまくいきました：

<p:panelMenu style="width:200px">  

    <p:submenu label="Navigations" >  
        <p:submenu label="Links" icon="ui-icon-extlink">  
            <p:submenu label="PrimeFaces" icon="ui-icon-heart">  
                <p:menuitem value="Home" url="http://www.primefaces.org" icon="ui-icon-home" />  
                <p:menuitem value="Docs" url="http://www.primefaces.org/documentation.html" icon="ui-icon-document" />  
                <p:menuitem value="Download" url="http://www.primefaces.org/downloads.html" icon="ui-icon-arrowthick-1-s" />  
                <p:menuitem value="Support" url="http://www.primefaces.org/support.html" icon="ui-icon-wrench" />  
            </p:submenu>  
        </p:submenu>  
        <p:menuitem value="Mobile" icon="ui-icon-signal"/>  
    </p:submenu>  
</p:panelMenu>

何が悪いのか、誰かが言うことができますか？p:menu が期待どおりに動作しないのはなぜですか?

ここに画像の説明を入力

4

2 に答える 2

1

これは適切な解決策ではありません。カスタム テーマの CSS を修正するだけです。

.ui-メニュー .ui-アイコン
    位置: 絶対; /* この行を削除します */
    上: .2em;
    左: .2em;
}

に

.ui-メニュー .ui-アイコン
     上: .2em;
    左: .2em;
}
于 2013-01-10T22:13:33.490 に答える
0

解決済みThemeRollerからテーマを削除し、Primefacesからテーマを取得しました。機能した。

于 2012-11-14T08:21:46.470 に答える