加载了大量图像后更新Primefaces ContentFlow

时间:2015-12-09 10:35:51

标签: ajax primefaces contentflow

我有一个在更改selectOneMenu后更新的contentFlow

< p:selectOneMenu value="#{movil.marca}">
    < p:ajax event="change" listener="#{dropdownView.onMarcaChange()}" update="contentFlow"/>
    < f:selectItem itemLabel="#{msgs['selectmarca']}" itemValue="" noSelectionOption="true" />
    < f:selectItems value="#{dropdownView.marcas}" />
< /p:selectOneMenu>


< p:contentFlow id="contentFlow" value="#{dropdownView.movilescontentflow}" var="movil">
    < p:graphicImage url="#{movil.foto}" styleClass="content" onclick="clickFlow(this, event)"/>
< /p:contentFlow>

问题在于,当更新contentFlow时,它必须加载大量图像,并在下载所有图像之前渲染元素。

如果我使用galleria而不是contentFow它工作正常,你可以看到图像在下载时如何加载到galleria。

如果我刷新页面(f5),一旦所有图像都被降级并且渲染完成就会渲染contentFlow。

有什么想法吗?

0 个答案:

没有答案