Question

我有一个在更改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。

有什么想法吗？

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

0 个答案: