jsf - 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

我在处理自定义菜单时也遇到了一些问题，我所做的是使用 jquery 作为菜单，因此您必须使用菜单创建 XML 并导入 .js 文件并调用 jquery 库。

Answer 2

尝试切换到<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>