2017-06-27 1 views
1

プライムフェイスのコンテキストメニューのメニュー項目としてp:fileUploadを使用するにはどうすればよいですか?プライムフェイスのコンテキストメニューのメニューアイテムとしてp:fileUploadを使用するにはどうすればよいですか?

私はp:graphiceImageで 'ターゲット'コンテキストメニュー(デモと呼ばれる)を使用するつもりです。したがって、右クリックするたびに、p:contextMenuのメニュー項目としてアップロード、ダウンロード、削除などを選択します。

+0

アップロード、削除...をコンテキストメニューの要素として使用し、ダイアログを使用してアップロードする必要があるたびに、例が必要ですか? –

+0

はい! @ Yagami Light – Dennis

答えて

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にREFEREすることです。

Primefaces Upload Exampleここでは、完全な例Upload a File Step by Stepを見ることができます。

あなたを助けた希望。

+0

それは動作します!ありがとうございました! @ Yagami Light – Dennis

+0

なぜそれがupvotedそれを働いている場合;) –