JSF的facelet水平菜單

Question

我試圖做一個橫向菜單，使用JSF，特里尼達和Facelets， 菜單創建這樣：

<f:facet name="navigation2"> 
    <tr:navigationTree inlineStyle="display: inline-block; background: white;" 
         var="item" value="#{menuModel.model}"> 
     <f:facet name="nodeStamp"> 
      <tr:commandNavigationItem text="#{messages[item.label]}" 
             action="#{item.getAction}" immediate="true"/> 
     </f:facet> 
    </tr:navigationTree> 
</f:facet> 

的元素是從menagedBean考慮，我不能修改

我試着用CSS玩，但沒有奏效

Answer 1

嘗試切換到<tr:navigationPane>。

<f:facet name="navigation2"> 
    <tr:navigationPane var="item" value="#{menuModel.model}"> 
    <f:facet name="nodeStamp"> 
     <tr:commandNavigationItem text="#{messages[item.label]}" 
           action="#{item.getAction}" immediate="true"/> 
    </f:facet> 
    </tr:navigationPane> 
</f:facet> 

Answer 2

我也有對付自定義菜單的一些問題，我做的是對的菜單使用jQuery的，所以你必須創建菜單中的XML並導入.js文件並調用了jQuery圖書館。