如何将p:fileUpload用作菜单项的上下文菜单?

时间:2017-06-27 06:26:34

标签: primefaces

如何将p:fileUpload作为菜单项用于primefaces的上下文菜单?

我打算在p:graphiceImage上使用'target'上下文菜单(参考演示)。因此每次我右键单击我都会在p:contextMenu中有几个选项,即上传,下载,删除或其他作为菜单项......

1 个答案:

答案 0 :(得分:1)

假设您将使用ContextMenu执行此操作,请查看此示例:

<强> myXHTML

创建contextMenu:

<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

希望能帮到你。