Wie zu verwenden <p:graphicImage> mit DefaultStreamedContent in einem ui:repeat?

Ich versuchte display ein panel, wo der Benutzer sehen kann, eine Liste der Elemente, die der Kategorie(als Bild dargestellt) und klicken Sie anzeigen können Produkte innerhalb der Kategorie(Bilder werden angezeigt)

Zur Anzeige der item-Kategorie, habe ich das ui:repeat nad die Unterstützung bean-calss
Unten ist mein xhtml code

<ui:repeat id="repeat" value="#{getData.images}" var="img" varStatus="loop">
<h:panelGroup>
<p:graphicImage id="img1" value="#{img}" alt="image not available" >
</p:graphicImage>
</h:panelGroup>
</ui:repeat>

Die Managed-Bean-Code-Teile

private ByteArrayOutputStream baos = new ByteArrayOutputStream();
private List<StreamedContent> imageList = new ArrayList<StreamedContent>();

public List<StreamedContent> getImages(){
  for (int i = 0; i < sdh.getNumOfImages(); i++) {
    imageID = imageIDArray.get(i);
    ImageService imgSer = new ImageService();
    imgList.add(imageID);
    imgSer.setData(imageID);
    baos = imgSer.getImage();
    try {
      imageList.add(new DefaultStreamedContent(new 
            ByteArrayInputStream(baos.toByteArray())));
    } catch (Exception ex) {
        ex.printStackTrace();
    }
  }
  imageNum = 0;
  return imageList;
}

public StreamedContent getData() {
    baos = imageList.get(imageNum);
    //imageList.add(baos);
    imageNum++;
    return new DefaultStreamedContent(new ByteArrayInputStream(baos.toByteArray()));
}

Nun mein problem, wenn ich die nicht kommentieren Sie die 'imageList.add(baos)' in 'getData', die Bilder werden nicht angezeigt.
Jetzt habe ich wirklich wissen will, wie die 'ui:repeat" funktioniert, da die 'imageList' mit den Bildern und ich kann speichern, wenn erforderlich, entweder in der Methode. Wenn ich eine Feste Anzahl angegeben (ex:'imageList.get(0)') in der "getData" - Methode dann das gleiche Bild zeigen, mehrere Male. Wo, wie, wenn ich die 'imageNum' ohne 'imageList.add(baos)' werfen Fehler 'Fehler beim streaming von dynamischen Ressource'

Ich müde Björn Pollex Vorschlag und die notwendigen änderungen vorgenommen, aber jetzt die Bilder nicht angezeigt

Sie verweisen nicht die loop-variable (img in deinem Fall) in Ihren <ui:repeat>. Ihre getImages zurückgeben sollte eine List<StreamedContent>, und Ihre <p:graphicImage> sollte value="#{img}".

InformationsquelleAutor user1433804 | 2012-06-08

17

Es ist nicht möglich <p:graphicImage> diese Weise. Sie sollten vielmehr Durchlaufen Sie eine einzigartige Sammlung von Bild-IDS, die nicht über eine Sammlung von StreamedContent. Jene einzigartige Bild-IDS haben, dann übergeben werden, als <f:param> zu <p:graphicImage> was wiederum generieren Sie die richtigen URLs für den browser.
```
<ui:repeat value="#{data.imageIds}" var="imageId">
    <p:graphicImage value="#{imageStreamer.image}">
        <f:param name="id" value="#{imageId}" />
    </p:graphicImage>
</ui:repeat>
```
Ihre #{data} managed bean muss Sie einfach haben:
```
private List<Long> imageIds; //+getter
```
Den #{imageStreamer} sollten einen separaten application-scoped managed bean, die sehen grundsätzlich so aus:
```
@ManagedBean
@ApplicationScoped
public class ImageStreamer {

    @EJB
    private ImageService service;

    public StreamedContent getImage() throws IOException {
        FacesContext context = FacesContext.getCurrentInstance();

        if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
            //So, we're rendering the view. Return a stub StreamedContent so that it will generate right URL.
            return new DefaultStreamedContent();
        }
        else {
            //So, browser is requesting the image. Get ID value from actual request param.
            String id = context.getExternalContext().getRequestParameterMap().get("id");
            Image image = service.find(Long.valueOf(id));
            return new DefaultStreamedContent(new ByteArrayInputStream(image.getBytes()));
        }
    }

}
```
- hankyou BalusC es funktionierte, aber ich hatte zu kommentieren, @EJB, wenn ich nicht ich "com.Sonne.Gesichter.mgbean.ManagedBeanCreationException: Ein Fehler ist aufgetreten performing resource injection von managed-bean imageStreamer" ich habe noch Ein Fragen > Wenn ich die Seite aktualisieren, die Bilder verschwinden, warum ist es so. Nochmals Danke
- Du bist herzlich willkommen. Naja, ich bin einfach davon ausgegangen, dass Sie wurden mit Hilfe von EJBs für business - /Daten-services. Es bietet eine einfache und sichere Art und Weise transparent Umgang mit DB-Transaktionen. Wenn Sie ihn nicht benutzen, dann tun Sie einfach, was Weise Sie es normalerweise tun, den Dienst zu erhalten.
- Noch eine Frage, wenn ich brauche, um ein click-Ereignis auf das Bild, dann wie mache ich es. Ich kann keine Ajax innerhalb des ui:repeat.
- wie man einen 404 Fehler zurück, wenn das Bild nicht gefunden wird?
InformationsquelleAutor BalusC
0

Du benutzt falsche ui:repeat-tag. Sie haben var-Attribut, aber Sie können nicht verwenden Sie diese in p:graphicImage-tag ein value-Attribut.Finden Sie ein Beispiel für die Verwendung
```
       <ui:repeat value="#{yourBean.images}" var="img">
           <p:graphicImage value="/images/#{img}" />
        </ui:repeat>
```
InformationsquelleAutor Sai Ye Yan Naing Aye

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.