如何在Primefaces中将contextMenu与ContentFlow一起使用

Question

很抱歉，我对JSF/Primefaces还是个新手。我想将ContextMenu与ContentFlow一起使用。例如，当用户右键单击ContentFlow控件时，我想显示带有Delete、Add New等操作的上下文菜单。我在JSF页面中的代码如下：

<p:contentFlow id="productpictures" 
               value="#{myviewscopedbean.productpictures}" 
               var="picture" >
     <p:graphicImage url="#{picture}" styleClass="content"/>
</p:contentFlow> 
<p:contextMenu  for="productpictures" >
     <p:menuitem value="Refresh" update="productpictures" />
     <p:separator/>
     <p:menuitem value="Add New" onclick="PF('dlgcreate').show()" />
     <p:menuitem value="Delete" actionListener="#{myviewscopedbean.removePicture}"
                                update="productpictures" />
</p:contextMenu>

我正在解决的问题是如何确定内容流中的"活动"图像，以及如何将其传递给myviewscopebean.removePicture((方法。

我在这里找到了一些提示，但仍然很困惑——请帮忙！

Answer 1

您可以使用p:remoteCommand和JQuery来获取图像并从图像标题中读取图像。下面的代码给出了所选图像的标题。

您修改的代码

   <p:contentFlow id="productpictures" 
                   value="#{myviewscopedbean.productpictures}" 
                   var="picture" >
         <p:graphicImage url="#{picture}" styleClass="content"/>
         <div class="caption">#{picture}</div>
    </p:contentFlow> 
    <p:contextMenu  for="productpictures" >
         <p:menuitem value="Refresh" update="productpictures" />
         <p:separator/>
         <p:menuitem value="Add New" onclick="PF('dlgcreate').show()" />
         <p:menuitem value="Delete" oncomplete="removePicture([{name:'selectedImage', value: $('.item.active div.caption').text()}]);"
                                     />
    </p:contextMenu>
<p:remoteCommand name="removePicture" actionListener="#{myviewscopedbean.removePicture}" update="productpictures"/>

Java

@ViewScoped('myviewscopedbean')
class MyBean{
    public void removePicture(){
       Map<String, String[]> paramValues = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterValuesMap();
       String[] selectedImages = paramValues.get("selectedImage");        
    }
}