PrimeFaces TabView 实战指南_primefaces <p:tabview>-CSDN博客

本文链接：https://blog.csdn.net/m0_74337424/article/details/144359359

PrimeFaces TabView 实战指南

在这篇文章中，我们将学习如何使用PrimeFaces构建一个动态的TabView组件，以展示分页标签。我们将从管理Bean中获取标签列表，而不是在JSF页面中静态使用<p:tab>标签。

JSF页面实现

首先，我们来看JSF页面的实现。在src/main/webapp/index.xhtml文件中，我们将使用JSTL的<c:forEach>而不是JSF的<ui:repeat>或<tabView>的value属性。这是因为我们的嵌套标签<ui:include>是在视图构建阶段评估的，而<ui:repeat>在视图渲染阶段运行；这意味着<ui:repeat>循环不能在构建阶段评估#{tabInfo.page}。

<h:body>
    <h2>PrimeFaces TabView 示例</h2>
    <p:tabView>
        <c:forEach items="#{tabBean.tabs}" var="tabInfo" varStatus="vs">
            <p:tab title="#{tabInfo.title}">
                <ui:include src="#{tabInfo.page}.xhtml"/>
            </p:tab>
        </c:forEach>
    </p:tabView>
</h:body>

管理Bean的编写

接下来，我们定义管理Bean。我们将使用@ManagedBean和@ViewScoped注解来声明我们的TabBean类，并在@PostConstruct方法中初始化标签列表。

@ManagedBean
@ViewScoped
public class TabBean {
    private List<TabInfo> tabs;

    @PostConstruct
    public void init() {
        tabs = Arrays.asList(
            new TabInfo("关于", "about"),
            new TabInfo("评论", "reviews"),
            new TabInfo("联系我们", "contact-us")
        );
    }

    public List<TabInfo> getTabs() {
        return tabs;
    }
}

public class TabInfo {
    private final String title;
    private final String page;

    public TabInfo(String title, String page) {
        this.title = title;
        this.page = page;
    }

    // Getters and setters
}