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库。