GridView里面的p：dataScroller

Question

我尝试使用以下代码创建一个像GridView一样的“Facebook”。我相信我在做一些完全错误的事情（因为我是新手程序员）你们有什么想法我能做到的？我知道DataGrid存在，但我想尝试一些可滚动的东西：

<p:dataScroller id="profilePhotos"
                var="photo"
                value="#{searchController.photoModel}"
                chunkSize="3"
                lazy="true">

    <p:panelGrid columns="3">
        <f:facet name="loader">
            <p:commandLink type="button"
                           value="load more"
                           icon="ui-icon-circle-triangle-s" />
        </f:facet>

        <p:media rendered="#{photo.id ne 0}"
                 value="imageservlet?id=#{photo.id}" width="400" height="400"
                 player="quicktime" />
        <br />

        <p:commandLink value="respond" style="color:blue"
                       actionListener="#{searchController.buildPhotoComments(photo)}"
                       update=":viewPhotoFrmId"
                       oncomplete="PF('viewPhotoDlgWidget').show();" />&nbsp;

        <p:commandLink value="delete" style="color:blue"
                       actionListener="#{imageController.deletePhoto(photo)}"
                       update="profilePhotos"
                       rendered="#{photo.account.id eq user.account.id}" />
    </p:panelGrid>
</p:dataScroller>

这是包含图片和视频的结果： documentation