primefaces breadcrumb不适用于ui:repeat

Question

我无法呈现素数面的breadcrumb控件。我正在使用ui：repeat动态构建面包屑。当我把它包装在p:breadCrumb标签中时，我看不到页面上的控件

以下是我在.xhtml 中使用的代码

        <p:breadCrumb>
        <ui:repeat value="#{conversationScope.trail}" var="bcrumb">
            <h:outputLink value="#{bcrumb.url}">
                <h:outputText value="#{bcrumb.label}" />
                <h:outputText value=">" />
            </h:outputLink>
            <p:menuitem value="#{bcrumb.label}" url="#{bcrumb.url}" />
        </ui:repeat>
    </p:breadCrumb>

请建议有其他选择吗？

Answer 1

要在PrimeFaces中动态构建<p:breadCrumb>菜单，您需要使用bean中的MenuModel对象来渲染breadCrumb组件。循环浏览创建MenuItems的跟踪列表，并将其添加到MenuModel对象中。

在.xhtml 中

<p:breadCrumb model="#{crumbBean.model}" />

Bean将菜单项添加到面包屑菜单中。

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
import org.primefaces.component.menuitem.MenuItem;
import org.primefaces.model.DefaultMenuModel;
import org.primefaces.model.MenuModel;
@ManagedBean
@RequestScoped
public class CrumbBean {
    private MenuModel model;
    public CrumbBean() {
        model = new DefaultMenuModel();
        MenuItem item1 = new MenuItem();
        item1.setValue("First");
        item1.setUrl("#");
        model.addMenuItem(item1);
        MenuItem item2 = new MenuItem();
        item2.setValue("Second");
        item2.setUrl("#");
        model.addMenuItem(item2);
    }
    public MenuModel getModel() {
        return model;
    }
}