Dynamic graphic image from datalist var

[tales]

Is it possible?

Code: Select all

<p:dataList value="#{searchMB.matching}" var="item"
		paginator="true" rows="10" effectSpeed="fast"
		paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"
		rowsPerPageTemplate="10,25,50,100">
	<p:graphicImage value="#{item.photo}"/>
	${item.name}: ${item.gender} ${item.hairColor}
	${item.country} ${item.majorLevel}
</p:dataList>

Code: Select all

public class SearchMB {

	private List<DataListItem> data;

	public List<DataListItem> getMatching() {
		return data;
	}

	public class DataListItem {

		private final CloserProfile profile;
		private final StreamedContent photo;

		private DataListItem(CloserProfile profile) {
			this.profile = profile;
			if (profile.getPhoto() == null) {
				photo = null;
			} else {
				photo = new DefaultStreamedContent(
						new ByteArrayInputStream(profile.getPhoto()), profile.getPhotoType());
			}
		}

		public Object getPhoto() {
			if(photo == null) {
				return "/resources/no_photo.png";
			}
			return photo;
		}
	...
	}
...
}

I tried it this way, but the streamed image is always broken. It's URL is like .../search.xhtml?primefacesDynamicContent=item.photo

[cagatay.civici]

You need to place an identifier to graphicImage request using f:param and load the corresponding image according to parameter provided. This is the way to handle dynamic graphic images inside data iteration.

[tales]

Thanks for the reply, but could you tell me how exactly to do it? I've been trying it for some time now, and reading tutorials and examples. I got this:

Code: Select all

<p:dataTable value="#{searchMB.matching}" var="item"
			paginator="true" rows="10"
			paginatorTemplate="{PreviousPageLink} {CurrentPageReport} {NextPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="10,25,50,100">
		<p:column>
			<f:facet name="header">
				Foto
			</f:facet>
			<p:graphicImage value="#{searchMB.photo}">
				<f:param id="photo" name="photo" value="${item.id}"/>
			</p:graphicImage>
		</p:column>
	...
</p:dataTable>

Code: Select all

public Object getPhoto() {
	String id = (String) FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("photo");
	CloserProfile profile = closerProfileFacade.find(Integer.parseInt(id));
	if (profile.getPhoto() == null) {
		return "/resources/no_photo.png";
	} else {
		return new DefaultStreamedContent(
				new ByteArrayInputStream(profile.getPhoto()), profile.getPhotoType());
	}
}

I have no idea if I can make it work. Should I ask this somewhere else, could you tell me where, or recommend me a good tutorial? Thanks in advance.

[stepgalvao]

In may application this worked:

list.xhtml

Code: Select all

 <h:form  prependId="false">
                <p:dataGrid var="it" value="#{studentController.allEntity}" columns="3"
                            rows="9" paginator="true" effect="true"
                            paginatorPosition="bottom"
                            paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} "
                            rowsPerPageTemplate="9,12,15">

        <p:column>
            <p:panel  style="text-align:center"  header="#{it.name}">
                
                <p:graphicImage  id="photoImage" title="#{it.photo.absolutePath}" cache="false"
                                    width="60" height="70" value="#{studentController.photo}">
                            <f:param name="photoPath" value="#{it.photo.absolutePath}"/>
                </p:graphicImage>
       .....

Session Bean Method

Code: Select all

public DefaultStreamedContent getPhoto() throws FileNotFoundException{
        String param = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("photoPath");
        if(param==null)
            return  new DefaultStreamedContent(new FileInputStream(Util.getDefaultPhoto()), "image/jpeg");
        else
            return new DefaultStreamedContent(new FileInputStream(new File(param)), "image/jpeg");
}

But, for this application, i think that static image is better than dynamic

[toJuanito]

Just for the record:

Code: Select all

FacesContext.getCurrentInstance().getExternalContext().getRequestMap().get("item");

item is the var attribute for dataTable, dataGrid or dataList.