2

对于蹩脚的问题，我很抱歉，我还是 JSF/Primefaces 的新手。我想将 ContextMenu 与 ContentFlow 一起使用。例如，当用户右键单击 ContentFlow 控件时，我想显示带有删除、添加新等操作的上下文菜单。我在 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>

我正在解决的问题 - 如何确定内容流中的“活动”图像以及如何将其传递给 myviewscopedbean.removePicture() 方法。

我在这里找到了一些提示，但仍然感到困惑 - 请帮助！

4

1 回答 1

1

您可以使用p:remoteCommandandJQuery来获取图像并从图像标题中读取图像。下面的代码将标题作为选定的图像。

您修改后的代码

   <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"/>

爪哇

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

}
于 2015-07-03T08:52:14.887 回答