如何使用 p:fileUpload 作为 primefaces 上下文菜单的菜单项？答案

【问题标题】：How can I use p:fileUpload as a menu item to the context menu of primefaces?如何使用 p:fileUpload 作为 primefaces 上下文菜单的菜单项？
【发布时间】：2017-06-27 06:26:34
【问题描述】：

如何使用 p:fileUpload 作为 primefaces 上下文菜单的菜单项？

我打算在 p:graphiceImage 上使用“目标”上下文菜单（参考演示）。所以每次我右键单击时，我都会在 p:contextMenu 中有几个选择，即上传、下载、删除或其他菜单项......

【问题讨论】：

就像你说的那样使用 Upload , Remove ... 作为上下文菜单的元素，每次你需要上传时使用一个对话框，你需要一个例子吗？！？
是的，请！ @八神之光

标签： primefaces

【解决方案1】：

假设您将使用 ContextMenu 来执行此操作，请查看以下示例：

myXHTML

创建你的上下文菜单：

<p:contextMenu   id="context"  style="width: 14%"    >
      <p:menuitem value="Upload"  icon="ui-icon-arrowthick-1-n"  
       onclick="PF('dlgUpload').show();">                                        
      </p:menuitem>    
</p:contextMenu>

同时添加dlgUpload 对话框：

<ui:define name="MyDialog">

<p:dialog header="Upload" widgetVar="dlgUpload" modal="true" appendTo="@(body)" width="50%" height="40%" resizable="false">
   <h:form enctype="multipart/form-data" >
       <p:fileUpload fileUploadListener="#{myManagedBean.uploadFile}" 
       label="Parcourir" cancelLabel="Annuler" uploadLabel="Charger" mode="advanced"  dragDropSupport="false"
       multiple="true"  
       fileLimit="3" oncomplete="PF('dlgUpload').hide();" update=":form" />            
   </h:form>
 </p:dialog>

</ui:define>

我的建议是始终参考Primefaces ContextMenu Example。

还有Primefaces Upload Example，在这里您可以查看完整示例Upload a File Step by Step 。

希望对您有所帮助。

【讨论】：