Question

我的应用程序基于JSF 2.2和Primefaces 6.2。我需要创建一个菜单栏，其中子菜单将以“下拉菜单”而不是下拉菜单显示。我无法在Primefaces中实现这种下拉效果，而不得不使用Bootsfaces的<b:dropMenu>组件，该组件为此提供了一个“ drop”属性（drop =“ up”创建了一个下拉菜单）。更多内容： https://showcase.bootsfaces.net/layout/navbars.jsf

使用<b:dropMenu>，它以这种方式呈现，对我来说看起来不错： Screenshot。但是，我需要通过Java代码动态构建<b:dropMenu>。

是否可以在<b:dropMenu>中使用某种模型属性，类似于Primefaces菜单具有的属性？

在我当前的代码中，我以这种方式对子菜单进行了硬编码，我想将其删除并动态构建：

<b:navBar inverse="true" fluid="true" >
    <b:navbarLinks >
        <b:dropMenu value="Vehicle Services" drop="up" >
            <b:navLink value="Repairs" href="#"></b:navLink>
            <b:navLink value="Sales" href="#"></b:navLink>
            <b:navLink value="Financing" href="#"></b:navLink>
            <b:navLink value="Insurance" href="#"></b:navLink>
            <b:navLink value="Leasing" href="#"></b:navLink>
            <b:navLink value="Driving School" href="#"></b:navLink>
            <b:navLink value="Legal" href="#"></b:navLink>
        </b:dropMenu>
        .........
        .........
        .........

-编辑-

在@Selaron后面的代码示例之后，尝试从XHTML中的<b:NavBarLinks>动态构建：

<h:form>
    <b:navBar inverse="true" fluid="true">
        <b:navbarLinks>
             <f:event listener="#{extranetController.initializeNavBarLinksChildren}" type="postAddToView" />
        </b:navbarLinks>
    </b:navBar>
</h:form>

在bean中：

public void initializeNavBarLinksChildren(ComponentSystemEvent e) {
    UIComponent component = e.getComponent();
    //assert that its a NavBarLinks

    DropMenu dropMenu = new DropMenu();
    dropMenu.setDrop("up");
    dropMenu.setValueExpression("value", Utility.createValueExpression("Vehicle Services", String.class));

    NavLink navLink1 = new NavLink();
    navLink1.setValue("Free Service");
    navLink1.setHref("#");
    dropMenu.getChildren().add(navLink1);

    NavLink navLink2 = new NavLink();
    navLink2.setValue("Paid Service");
    navLink2.setHref("#");
    dropMenu.getChildren().add(navLink2);

    component.getChildren().add(dropMenu);
}

在我正在使用的Utility.createValueExpression（）中，意图只是将字符串设置为valueExpression：

public static ValueExpression createValuExpression(String expression, Class clazz) {
        FacesContext fc = FacesContext.getCurrentInstance();
        ELContext elContext = fc.getELContext();
        ExpressionFactory expFactory = fc.getApplication().getExpressionFactory();
        ValueExpression ret = expFactory.createValueExpression(elContext, expression, clazz);

        return ret;
    }

可悲的是，在UI上，只有DropMenu出现（即“车辆服务”），但是我在其下定义的两个NavLink都没有。我不太确定自己在做什么错。我怀疑是否与我为DropMenu设置valueExpression的方式有关（尽管“ Vehicle Services”值的确与向上的插入符号一起显示也很好）。

Answer 1

我没有找到允许以PrimeFaces方式指定动态菜单模型的属性，但这是一种解决方法：

<h:form>
    <b:navBar inverse="true" fluid="true">
        <b:navbarLinks>
            <b:dropMenu value="Vehicle Services" drop="up">
                <f:event listener="#{myBean.initializeDropMenuChildren}"
                    type="postAddToView" />
            </b:dropMenu>
        </b:navbarLinks>
    </b:navBar>
</h:form>

这将注册一个事件侦听器（f:event），一旦将b:dropMenu添加到视图中，就会触发该事件侦听器。然后，您可以动态实例化并向该菜单添加链接：

package my.package;

import javax.faces.component.UIComponent;
import javax.faces.event.ComponentSystemEvent;
import javax.enterprise.context.RequestScoped;
import javax.inject.Named;

import net.bootsfaces.component.dropMenu.DropMenu;
import net.bootsfaces.component.navLink.NavLink;

@Named
@RequestScoped
public class MyBean {

    public void initializeDropMenuChildren(ComponentSystemEvent e) {
        UIComponent component = e.getComponent();
        assert component instanceof DropMenu;

        NavLink navLink = new NavLink();
        navLink.setValue("wow");
        navLink.setHref("#");
        component.getChildren().add(navLink);

    }

}

编辑：

响应您的编辑：看来b:navbarLinks组件不希望以某种方式在xhtml中完全为空。尝试将f：event直接添加到b:navBar并从那里添加所有子项。或将标记更改为：

<h:form>
    <b:navBar>
        <b:navbarLinks>
            <b:dropMenu value="dummy" drop="down"/>
            <f:event listener="#{myBean.initializeDropMenuChildren}"
                type="postAddToView" />
        </b:navbarLinks>
    </b:navBar>
</h:form>

在添加您的dropMenus之前，请执行component.getChildren().clear();删除虚拟dropMenu。

如何动态构建Bootfaces <b：dropmenu>

1 个答案: