jsf facelet水平菜单

Question

我正在尝试使用JSF、Trinidad和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库。