[RichFaces] <rich:fileUpload> et javascript

Bonjour.
Je m'adresse à vous car après maintes recherches et essais je reste sans solution.

Dans ma page jsp, j'ai un composant fileUpload

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<rich:fileUpload id="fuEch0045" autoclear="true" fileUploadListener="#{voterRegisterDetailsPageBean.processUpload}" noDuplicate="true" immediateUpload="true" maxFilesQuantity="1" acceptedTypes="xml"> <a4j:support status="supportStatusXml" event="onuploadcomplete" action="#voterRegisterDetailsPageBean.actionProcessUploadedFileXml}" /> </rich:fileUpload>

---

Ce composant fonctionne très bien lorsque je clique sur le bouton add, il me lance la fenêtre d'upload, execute la methode processUpload de mon bean et une fois le fichier uploadé, effectue le traitement via actionProcessUploadedFileXml.

Le problème survient lorsque je veux lancer l'upload depuis un autre bouton

Code:

---

1 2 3

<h:commandButton value="#{label.importButton}" onclick="document.getElementById('mainForm:fuEch0045:file').click();" />

---

La fenêtre d'upload s'ouvre bien, l'upload se fait en apparence, mais les méthodes du FileuploadListener et du composant a4j:support ne sont pas executées.

Je en vois pas où cela coince.

Je suis ouvert a toutes sortes d'idées, merci d'avance.

tu essaye avec quel navigateur?

teste avec ce code:

Code:

---

1 2 3 4 5 6 7 8 9

<script type="text/javascript"> var f = $('mainForm:fuEch0045').component; f.processButtons = function () { f.disableAddButton(); }.bind(f);   f.getFileEntryWidth = function () { }.bind(f); </script>

---

je ne l'ai pas testé mais il a été fournie par un développeur richfaces, il surcharge les fonctions processButtons et getFileEntryWidth, il désactive les boutons Uplaod et Clean ensuite ça permet d'éviter les erreurs jaavscript pour le click sur le button ADD.

Je suis sous IE7.

Par contre le javascript est un peu obscur pour moi.
Le getElement avec click je m'en sors, par contre je ne vois pas comment avec ce script mes methodes vont être executées. :?

Est ce quoi je dois remplacé function () par quelque chose?

Citation:

---

Envoyé par len1sensibl

Je suis sous IE7.

Par contre le javascript est un peu obscur pour moi.
Le getElement avec click je m'en sors, par contre je ne vois pas comment avec ce script mes methodes vont être executées. :?

Est ce quoi je dois remplacé function () par quelque chose?

---

non tu le déclare dans ta page, ça remplace les fonctions js de richfaces, et garde le click, faut juste s'assurer du bon id.

J'ai ajouté le script dans ma page mais rien n'y fait, le résultat est toujours le même.
Y aurait il quelque chose que j'e n'ai pas compris avec ce script?

Petite précision si jamais sa peut aider, le fileUpload sera invisible au final, je souhaite l'executer depuis mon commandButton. Je ne sais pas si cela change quelquechose

ouiii s'il est avec un rendered à false, son code ne sera pas généré.

Nan nan pas de rendered, je defini un style pour qu'il soit invisible.
Mais pour le moment je n'ai pas appliquer de style ni de rendered et le code ne marche quand meme pas.

tu as une erreur javascript?
tu teste aussi avec Firefox?

Nan pas d'erreur javascript, sa s'execute mais pas de reaction particulière.
Pour firefox ce sera a voir plus tard c'est pas l'important pour le moment.

Un peu de neuf quand même depuis hier et quelques changement que j'ai fait.
J'ai viré tous les trucs inutiles de mon fileUpload

Code:

---

1 2 3 4 5 6

<rich:fileUpload id="fuEch0045" addControlLabel="#{label.importButton}" maxFilesQuantity="1" acceptedTypes="xml"> <a4j:support status="supportStatusXml" /> </rich:fileUpload>

---

Puis mon bouton de "telecommande"

Code:

---

1 2 3 4

<h:commandButton styleClass="commandButton" value="#{label.importButton}" onclick="document.getElementById('mainForm:fuEch0045:file').click();jsupload();" />

---

Sur l'évènement du click, j'ouvre la fenêtre parcourir et j'execute la fonction jsupload(); que voici

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36

function jsupload(){ alert('jsupload'); if(document.getElementById('mainForm:fuEch0045').component.entries[0].state == FileUploadEntry.INITIALIZED) { alert('initialized'); document.getElementById('mainForm:fuEch0045:upload1').click(); } if(document.getElementById('mainForm:fuEch0045').component.entries[0].state == FileUploadEntry.UPLOAD_IN_PROGRESS) { alert('inprogress'); } if(document.getElementById('mainForm:fuEch0045').component.entries[0].state == FileUploadEntry.READY) { alert('READY'); } if(document.getElementById('mainForm:fuEch0045').component.entries[0].state == FileUploadEntry.UPLOAD_CANCELED) { alert('UPLOAD_CANCELED'); } if(document.getElementById('mainForm:fuEch0045').component.entries[0].state == FileUploadEntry.UPLOAD_SIZE_ERROR) { alert('UPLOAD_SIZE_ERROR '); } if(document.getElementById('mainForm:fuEch0045').component.entries[0].state == FileUploadEntry.UPLOAD_TRANSFER_ERROR) { alert('erruer'); return false } if(document.getElementById('mainForm:fuEch0045').component.entries[0].state == FileUploadEntry.UPLOAD_SUCCESS) { alert('success'); } setTimeout('jsupload()', 2000);   }

---

Je test toutes les propriétés de mon file upload pour voir ou en est le chargement.

Donc au lancement sa m'affiche bien le popup jsupload suivi de l'initialized.
au second tour je suis in progress, et ce jusqu'au rafraichissement de la page, qui selojn moi est fait a la fin de l'upload.

Mais je ne vois jamais le popup success qui me permettrai d'executer une methode du bean via un autre bouton et la d'executer le traitement.

Comment faire soit pour empecher ce refresh, soit pour executer la methode quand le fichier est uploader??

Donc voila, après deux semaines de taf, j'ai réussi a faire un upload de fichier en CSV, qui récupère mon fichier, le stock en blob dans la base.
Avec sa j'ai réussi à me faire un traitement en spring-batch pour exporter toutes les personnes du fichier et les injecter dans ma BDD.

Et après deux jours de recherche c'est un p***** de bouton de m**** qui me fait galerer et qu'il m'est impossible d'utiliser via un simple bouton.

Donc pour ma part je n'ai ni le temps ni l'envie de continuer dans cette direction, mon appli par en test dans 1 semaine.

Pour ceux qui voudrait faire comme moi, j'ai utilisé un rich:modalpanel lancer depuis un a4j:commandbutton afin de réaliser mon importation via un popup. De plus il prend bien en compte les exceptions que je traite et m'affiche bien mes messages person via la balise h:messages.

Donc merci d'avoir passer du temps pour m'aider a résoudre ce problème.
Je met quand même en résolu sa peut servir à d'autre.