P:图形图像不工作

几天来我一直在寻找JSF问题的解决方案，并尝试了所有可能的解决方案。毫无效果。

我想实现一个jsf画廊，就像这个。代码不工作，页面中没有显示任何内容。

这是我的豆子:

import java.util.ArrayList;
import java.util.List;
import javax.annotation.PostConstruct;
import javax.faces.bean.ApplicationScoped;
import javax.faces.bean.ManagedBean;
@ManagedBean(name="myGallery")
@ApplicationScoped
public class GalleriaBean {
private List<String> images;
private String effect = "fade";
@PostConstruct
public void init() {
    images = new ArrayList<String>();
    for(int i=1;i<=4;i++) {
        images.add("gallery" + i + ".jpg");
    }
}
public List<String> getImages() {
    return images;
}
public String getEffect() {
    return effect;
}
public void setEffect(String effect) {
    this.effect = effect;
}
}

下面的代码将是我的xhtml内容:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:p="http://primefaces.org/ui"> 
<h:head></h:head> 
<h:body>
    <h:panelGroup>
    <p:galleria effect="#{myGallery.effect}" var="image" effectSpeed="1000" styleClass=".ui-galleria-image-thumb-nav-left">  
        <ui:repeat value="#{myGallery.images}" var="image">  
            <h:graphicImage value="resources/images/#{image}" title="#{image}"/>  
        </ui:repeat>  
    </p:galleria>
</h:panelGroup>
</h:body> 
</html>

你可能已经注意到了，我用的是instead of。有了这个设置，我所有的图像都以垂直列表的形式出现在页面中，没有渐变过渡或任何其他图库类型。如果我替换为，我的页面是完全空白的，图像根本不显示。

这可能是什么原因呢?我要添加什么，使画廊看起来像上面的页面?

好吧，问题似乎是我没有把PrimeFaces库(jar)放在WEB-INF的lib文件夹中。此外，我确保GalleriaBean中的所有属性都有setter和getter。

为什么，

用这段代码运行:)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:p="http://primefaces.org/ui"> 
    <h:head></h:head> 
    <h:body>
        <h:panelGroup>
        <p:galleria effect="#{myGallery.effect}" value="#{myGallery.images}" var="image" effectSpeed="1000" styleClass=".ui-galleria-image-thumb-nav-left">  
                <p:graphicImage name="pathDirectory/#{image}" title="#{image}"/>  
        </p:galleria>
    </h:panelGroup>
    </h:body> 
    </html>

你可以在网站PrimeFaces

相关内容

最新更新

热门标签：