Jsf 在p:lightBox中显示一些内容

如何在primefaces的灯箱中显示一些内容，因为我必须显示一些关于图像的信息，比如喜欢的数量、评论的数量，还必须提供发表评论的选项等等

在xhtml页面上，我写了以下内容：

<p:lightBox styleClass="imagebox"> 
    <c:forEach var="event1" items="#{event.files}" varStatus="cnt">

       <h:outputLink value="#{listOfFilesForEventBean.getImage854By480ProfileUrl(event1)}" title="#{event1.location.locationName}">  
           <h:graphicImage value="#{listOfFilesForEventBean.getImageIconProfileUrl(event1)}"/>  
       </h:outputLink> 


     </c:forEach>
</p:lightBox>

其中files是我正在迭代的图像配置文件列表。

---

我想在显示在lightbox上的图像中显示一些关于图像的信息。

我也有类似的问题。如果有人还在寻找答案，这里是我的解决方案。 我并没有找到简单的方法在p:lightBox项中增加一些控件。 我猜它会将自己的JavaScript处理程序分配给它的所有子级，这就产生了问题。 此外，我在ui:repeat中使用commandButton时也遇到了问题。因此，我使用自己的p:lightBox和p:remoteCommand实现来调用其他操作（如发表评论、删除图像等）。诸如此类：

<p:remoteCommand name="deleteImage" update="imagesGrid"
    actionListener="#{imageBean.deleteImage}" />


<h:panelGroup id="imagesGrid">
    <ui:repeat var="item" value="#{imageBean.list}">


        <div class="docThumbContainer">
            <div class="docPlaceholder"></div>
            <div class="docThumbImage">
                <h:outputLink value="/images?id=#{item.imageId}">
                    <h:graphicImage value="data:image/jpg;base64,#{item.thumbnail}"
                        alt="" />
                </h:outputLink>
            </div>
            <div class="docThumbButtons">
                <p:commandButton type="button" value="Delete"
                    onclick="deleteImage([{name:'imageId', value:#{item.imageId}}]);" />
            </div>
        </div>


    </ui:repeat>
</h:panelGroup>

---

当然，它是p:lightBox的简化替代品。要使用“上一步/下一步”按钮在覆盖图中显示完整图像，您需要进行额外的工作。例如，使用p:dialog等

你能告诉我们你做了哪些尝试，哪些失败了吗？showcase示例似乎非常清晰。如果您可以分享任何示例，那么这将对我有很大帮助，因为我对primefaces很幼稚。您可以在此处找到示例：和完整文档：

public void deleteImage(ActionEvent event) {
    ImageManager manager = getManager();
    manager.deleteImage(StringUtil.parseInt(getUrlParameter("imageId"), -1));
}