Primefaces ContentFlow不会呈现完整内容

时间:2016-12-04 20:40:18

标签: jsf primefaces contentflow

我正在尝试使用名为contentFlow的Primefaces JSF组件,该组件在此处演示:http://www.primefaces.org/showcase/ui/multimedia/contentFlow.xhtml

我在支持bean中添加了两个图像。它们都可以在不使用contentFlow的情况下显示,因此它们可以在正确的位置使用。问题是,contentFlow仅显示当前选定的图像。预期的行为是,它也显示所有其他图像。

我googled很多,并找到了Primefaces组件的文档来验证我的XHTML。我还更改了JSF日志级别以查看所有调试消息,但JSF一直告诉我一切都很好。

除了项目的配置外,我所做的只不过是展示。以下是我的设置摘要:

  • 我在Windows x64上使用Apache Tomcat 8.0.39
  • Firefox 50.0.2和Chrome版本55.0.2883.75 m(64位)显示相同的结果(仅显示当前选定的图像)
  • 我正在使用Java 8
  • 这些是项目的依赖项

    <dependency>
        <groupId>org.primefaces</groupId>
        <artifactId>primefaces</artifactId>
        <version>6.0.RC4</version>
    </dependency>
    <dependency>
        <groupId>com.sun.faces</groupId>
        <artifactId>jsf-api</artifactId>
        <version>2.2.14</version>
    </dependency>
    <dependency>
        <groupId>com.sun.faces</groupId>
        <artifactId>jsf-impl</artifactId>
        <version>2.2.14</version>
    </dependency>
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>servlet-api</artifactId>
        <version>2.5</version>
        <scope>provided</scope>
    </dependency>
    

这是我的支持bean:

package de.schuettec.jsfquestion.contentFlow;

import java.util.ArrayList;
import java.util.List;

import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;

@ManagedBean
public class Images {

private List<String> images;

@PostConstruct
public void init() {
    images = new ArrayList<String>();
    images.add("img-01.png");
    images.add("img-02.png");
}

public List<String> getImages() {
    return images;
}
}

这是我的XHTML页面:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
  <h:form>
    <p:contentFlow value="#{images.images}" var="image">
      <p:graphicImage name="/images/#{image}" styleClass="content" />
      <div class="caption">#{image}</div>
    </p:contentFlow>
  </h:form>
</h:body>
</html>

我已经创建了一个最小的再现示例,可以通过GitHub https://github.com/schuettec/jsf-question获得。这是一个完整的Maven项目,可以重现这个问题。

如果JSF / Primefaces专家有人能够看看这个问题,我将不胜感激。我喜欢JSF和Primefaces组件,并且真的想要了解这里的错误。

提前谢谢!

1 个答案:

答案 0 :(得分:1)

你的代码是对的。我认为这是一个错误或一个功能。

  • 添加2张图片 - &gt;显示1 pic
  • 添加3个pcis - &gt;显示3图片
  • 添加4张图片 - &gt;显示3图片
  • 添加5张图片 - &gt;显示5张图片

你可以使用primefaces的最终版本。

    <dependency>
        <groupId>org.primefaces</groupId>
        <artifactId>primefaces</artifactId>
        <version>6.0</version>
    </dependency>