在 ui:repeat 或 p:dataTable 中使用 p:graphicImage [英] Use of p:graphicImage in ui:repeat or p:dataTable
问题描述
我有一个 Bean,它有一个对象列表,其中包含代表数据库中图像的 StreamedContent 对象(Primefaces 类型).现在我想在 JSF 2.0 页面(使用 Primefaces)中迭代这个列表,并显示图像.以这种方式只显示一个图像有效:
I have a Bean which has a List of Objects, containing StreamedContent Objects (Primefaces Type) which represent Images in a Database. Now I want to iterate over this list in a JSF 2.0 Page (with Primefaces), and show the images. Showing only one Image in this way works:
<p:graphicImage value="#{ImageLoader.oneImage}" title="aImage" alt="no Img"/>
但如果我将此标签嵌套在 c:foreach、ui:repeat 或 p:datatable 中,则不会加载图像!而是显示替代文本
But if I nest this tag in a c:foreach, ui:repeat or p:datatable, the Images aren't loaded! The alternative text is shown instead
<ui:repeat value="#{ImageLoader.allImages}" var="img">
<p:graphicImage value="#{img}" alt="Hier sollte ein Bild sein" />
<br/>
</ui:repeat>
图像加载器 Bean:
The Image-Loader Bean:
@Named(value = "ImageLoader")
@Stateless
public class ImageLoader {
@Inject
private ImageFacade imgFacade;
private List<StreamedContent> allImages = new ArrayList <>();
private StreamedContent oneImage;
public StreamedContent getOneImage() {
List<Image> findAll = imgFacade.findAll();
byte[] imagedata = findAll.get(0).getImagedata();
StreamedContent retVal = new DefaultStreamedContent(new ByteArrayInputStream(imagedata));
return retVal;
}
public void setOneImage(StreamedContent oneImage) {
this.oneImage = oneImage;
}
public List<StreamedContent> getAllImages() {
List<Image> findAll = imgFacade.findAll();
Logger.getLogger(ImageLoader.class.getName()).log(Level.INFO, "### COUNT: {0}", findAll.size());
for (Image image : findAll) {
byte[] imagedata = image.getImagedata();
allImages.add(new DefaultStreamedContent(new ByteArrayInputStream(imagedata)));
Logger.getLogger(ImageLoader.class.getName()).log(Level.INFO, "### Added Image {0}", image.getImagename());
}
return allImages;
}
public void setAllImages(ArrayList<StreamedContent> allImages) {
this.allImages = allImages;
}
}
我没有看到问题,请您帮帮我吗?:)
I don't see the problem, can you help me out please? :)
谢谢 &问候
推荐答案
我在这个问题上搞砸了一天左右,但我找到了解决方案!
I broke my head on this one for a day or so, but I found a solution!
JSF:
<ui:repeat value="#{bean.images}" var="imageID">
<p:graphicImage value="#{bean.image}">
<f:param name="imageID" value="#{imageID}" />
</p:graphicImage>
</ui:repeat>
托管 bean:
public List<String> getImages(){
List<String> l = new ArrayList<String>();
for(Theme t:themeFacade.findAll())
l.add(t.getId().toString());
return l;
}
public StreamedContent getImage(){
FacesContext context = FacesContext.getCurrentInstance();
HttpServletRequest myRequest = (HttpServletRequest) context.getExternalContext().getRequest();
String imageID = (String) myRequest.getParameter("imageID");
return new DefaultStreamedContent(new ByteArrayInputStream(themeFacade.find(Long.parseLong(imageID)).getImage()));
}
这篇关于在 ui:repeat 或 p:dataTable 中使用 p:graphicImage的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!