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

尝试切换到。

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