p：fileUploadの選択ボタンにリスナーを追加する方法

Question

FileUploadコンポーネントの「選択」ボタンにリスナーを追加することはできますか？

アドバンストモードでは、p：fileUploadを使用します。

私はドキュメンテーションを経て、それだけで「アップロード」ボタンをクリックした後にトリガされfileUploadListenerをサポートしています。（あまりのactionListener、validationListenerを試してみました）PrimeFacesの

バージョンは5.3です。 Pの

定義：ファイルアップロード：ここ

<p:fileUpload 
          fileUploadListener="#{ipchYonetimiController.handleFileUpload}" 
          widgetVar="aras" 
          mode="advanced" dragDropSupport="false" update="@this toplumsgs" 
          sizeLimit="100000" fileLimit="1" 
          cancelLabel="İptal et" allowTypes="/(\.|\/)(xlsx)$/" 
          invalidSizeMessage="Dosya boyutu çok büyük" 
          invalidFileMessage="Dosya formatı xlsx olmalı" 
          fileLimitMessage="Sadece bir dosya yükleyebilirsiniz" /> 

が、私はそれを必要とする理由イメージがある：

私は基本的にユーザーが選択したボタンをクリックしたときに検証エラーをクリアしたいです。選択ボタンはfileUploadコンポーネントでラップされているため、リスナーを割り当てることはできません。

は、このリンクでコードを微調整し、ボタンにリスナーを追加しようとしましたが、何の成功：

PF('aras').chooseButton.addEventListener(...) 

How to disable Choose button in PrimeFaces FileUpload until the upload is complete

Answer 1

あなたはこれを試みることができる - それが私の作品：

<p:fileUpload id="fileupload" ..... /> 

<script> 
    $(document).on("click", ".ui-fileupload input[type=file]", function(event){ 
     $(this).closest('.ui-fileupload').find('.ui-icon-close').trigger('click'); 
    }); 
</script> 

Answer 2

代わりのファイルアップロードコンポーネントに取り組むあなたは検証メッセージに時間を設定することはできません。参照してください：How to hide after it displayed the messages

2番目のオプションは、エラーメッセージのためにgrowlを使用することです。

EDIT： ユーザーがアップロードボタンをクリックすると、オンスタートイベントが発生して使用できるようになります。

<p:fileUpload onstart="PF('validationMsg').hide()" />