Deux composants d'upload de PrimeFaces

Version imprimable

Bonjours,

svp j'ai dans ma page xhtml deux composant primefaces d'upload d'un fichier(composant1, composant 2);
Mon problème c'est quant je sélectionne un fichier dans le composant1 il est détecter aussi par le composant 2

Composant 1

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<h:form id="uploadImage" enctype="multipart/form-data">
                                                    <p:fileUpload fileUploadListener="#{outillageController.handleFileUploadImage}"  
                                                                  mode="advanced"
                                                                  multiple="false"
                                                                  showButtons="true"
                                                                  update=":outil:photo"
                                                                  sizeLimit="1000000000"   
                                                                  allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                                                  cancelLabel="Annuler"
                                                                  label="Choisir"
                                                                  style="font-size: x-small"/> 
                                                </h:form>

composant 2

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
<h:form id="upload" enctype="multipart/form-data">  
                                    <!--multiple="true"-->
                                    <h:panelGrid columns="1" width="100%">
                                        <h:panelGrid columns="2" width="100%">
 
                                            <h:outputLabel value="Fichier :"/>
                                            <p:fileUpload fileUploadListener="#{outillageController.handleFileUpload}"  
                                                          mode="advanced"
                                                          multiple="false"
                                                          showButtons="true"
                                                          sizeLimit="1000000000"   
                                                          allowTypes="/(\.|\/)(gif|jpe?g|png|pdf)$/"
                                                          cancelLabel="Annuler"
                                                          label="Choisir"
                                                          style="font-size: x-small"/>  
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" width="60%">
                                            <h:outputLabel value="#{bundle.CreateDocumentLabel_codeDocument}" />
                                            <h:outputLabel  value="#{outillageController.codeFichierAuto}" title="#{bundle.CreateDocumentTitle_codeDocument}">
                                                <p:ajax event="keyup" />  
                                            </h:outputLabel>
                                        </h:panelGrid>
                                    </h:panelGrid>
 
                                </h:form>

20/02/2013, 01h41
kox2ee

Bonjour,
j'ai testé ton code,
tout est ok.
si on sélectionne un fichier dans uploadImage, et qu'on upload, c'est bien outillageController.handleFileUploadImage qui est appelé.
et
si on sélectionne un fichier dans upload, et qu'on upload, c'est bien outillageController.handleFileUpload qui est appelé.

qu'est ce que tu as comme problème ?
20/02/2013, 02h27
mabrouk1987

Citation:

Envoyé par kox2ee

Bonjour,
j'ai testé ton code,
tout est ok.
si on sélectionne un fichier dans uploadImage, et qu'on upload, c'est bien outillageController.handleFileUploadImage qui est appelé.
et
si on sélectionne un fichier dans upload, et qu'on upload, c'est bien outillageController.handleFileUpload qui est appelé.

qu'est ce que tu as comme problème ?

Merci pour ton temps,
Mon problème est comme suit: quand je choisit un fichier dans le composant 1 (le fichier dans le panel du composant 1) il sera ajouter automatiquement dans le composant 2 (le panel du composant 2 contient aussi le fichier)
20/02/2013, 02h42
kox2ee

Peux-tu mettre ta page complète alors,
parce qu'en refaisant une page avec tes 2 composants (copier/coller) de ton code, et en créant un bean associé, je n'ai pas ce problème...

Citation:

Envoyé par kox2ee

Peux-tu mettre ta page complète alors,
parce qu'en refaisant une page avec tes 2 composants (copier/coller) de ton code, et en créant un bean associé, je n'ai pas ce problème...

Bonjour,

ça c'est le code complet de la page xhtml

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
 
<h:form id="outil">
                    <h:panelGroup id="messagePanel" layout="block" >
                        <p:messages errorStyle="color: red" layout="table" />
                    </h:panelGroup>
 
                    <p:fieldset legend="#{bundle.CreateOutillageTitle}" toggleable="true" toggleSpeed="500" style="width: 1200px">  
                        <h:panelGrid columns="2">
                            <p:fieldset style="width: 570px;height: 400px">
                                <div id="panelPhotoEmploye" style="width: 450px; " >                         
                                    <table border="2" >                    
                                        <tr>
                                            <td style="padding : 5px 5px 0px 5px;">
                                                <h:panelGroup id="photo">
                                                    <p:graphicImage onclick="" style="z-index: 10" rendered="#{outillageController.selected.getImgoutil()!= null}"  value="#{outillageController.getImg()}" title="Si vous voulez supprimer l'image cliquer au-dessus" width="272" height="240" />  
                                                    <p:graphicImage style="z-index: 0" rendered="#{outillageController.selected.getImgoutil()== null}"   url="/resources/FilesUploaded/ImagesMachine/Inconnue.jpg" width="272" height="240" />  
                                                </h:panelGroup>
                                                <br/>
                                                <h:form id="uploadImage" enctype="multipart/form-data">
                                                    <p:fileUpload fileUploadListener="#{outillageController.handleFileUploadImage}"  
                                                                  mode="advanced"
                                                                  multiple="false"
                                                                  showButtons="true"
                                                                  update=":outil:photo"
                                                                  sizeLimit="1000000000"   
                                                                  allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                                                  cancelLabel="Annuler"
                                                                  label="Choisir"
                                                                  style="font-size: x-small"/> 
                                                </h:form>
                                            </td>
                                        </tr>
                                    </table> 
                                </div> 
                            </p:fieldset>
                            <p:fieldset style="width: 570px;height: 400px">
                                <h:panelGrid columns="3" id="panel">   
                                    <h:outputLabel value="#{bundle.CreateOutillageLabel_codeoutil}" for="codeoutil" />
                                    <h:outputLabel id="codeoutil" value="#{outillageController.codeOutilAuto}" title="#{bundle.CreateOutillageTitle_codeoutil}" />
                                    <p:message id="codeoutilfamilleMessage" for="codeoutil" display="icon" />  
 
                                    <h:outputLabel value="#{bundle.CreateOutillageLabel_libelleoutil}" for="libelleoutil" />
                                    <p:inputText id="libelleoutil" value="#{outillageController.selected.libelleoutil}" title="#{bundle.CreateOutillageTitle_libelleoutil}" />
                                    <p:message id="libelleoutilMessage" for="libelleoutil" display="icon" />  
 
                                    <h:outputLabel value="#{bundle.CreateOutillageLabel_designationoutil}" for="designationoutil" />
                                    <p:inputText id="designationoutil" value="#{outillageController.selected.designationoutil}" title="#{bundle.CreateOutillageTitle_designationoutil}" required="true" requiredMessage="#{bundle.CreateOutillageRequiredMessage_designationoutil}"/>
                                    <p:message id="designationoutilMessage" for="designationoutil" display="icon" />  
 
                                    <h:outputLabel value="#{bundle.CreateOutillageLabel_quantite}" for="quantite" />
                                    <p:inputText id="quantite" value="#{outillageController.selected.quantite}" title="#{bundle.CreateOutillageTitle_quantite}" />
                                    <p:message id="quantiteMessage" for="quantite" display="icon" />  
 
                                    <h:outputLabel value="#{bundle.CreateOutillageLabel_codesousfamille}" for="codesousfamille" />
                                    <p:selectOneMenu id="codesousfamille" value="#{outillageController.selected.codesousfamille}" title="#{bundle.CreateOutillageTitle_codesousfamille}">
                                        <f:selectItems value="#{sousfamilleController.itemsAvailableSelectOne}"/>
                                    </p:selectOneMenu>
                                    <p:message id="codesousfamilleMessage" for="codesousfamille" display="icon" />  
                                </h:panelGrid>
 
 
                            </p:fieldset>
                        </h:panelGrid>
                        <center>
                            <p:fieldset style="width: 70%">
                                <h:form id="upload" enctype="multipart/form-data">  
                                    <!--multiple="true"-->
                                    <h:panelGrid columns="1" width="100%">
                                        <h:panelGrid columns="2" width="100%">
 
                                            <h:outputLabel value="Fichier :"/>
                                            <p:fileUpload fileUploadListener="#{outillageController.handleFileUpload}"  
                                                          mode="advanced"
                                                          multiple="false"
                                                          showButtons="true"
                                                          sizeLimit="1000000000"   
                                                          allowTypes="/(\.|\/)(gif|jpe?g|png|pdf)$/"
                                                          cancelLabel="Annuler"
                                                          label="Choisir"
                                                          style="font-size: x-small"/>  
                                        </h:panelGrid>
                                        <h:panelGrid columns="2" width="60%">
                                            <h:outputLabel value="#{bundle.CreateDocumentLabel_codeDocument}" />
                                            <h:outputLabel  value="#{outillageController.codeFichierAuto}" title="#{bundle.CreateDocumentTitle_codeDocument}">
                                                <p:ajax event="keyup" />  
                                            </h:outputLabel>
                                        </h:panelGrid>
                                    </h:panelGrid>
 
                                </h:form>
                            </p:fieldset>
                        </center>
                        <br/>
                        <p:commandButton icon="ui-icon-disk" value="#{bundle.CreateOutillageSaveLink}" action="#{outillageController.create}" update=":outil"/>
                        &nbsp;&nbsp;
                        <p:commandButton value="Annuler" type="reset" />
                    </p:fieldset>
                </h:form>

20/02/2013, 14h24
kox2ee

Bonjour,
tu peux avoir plusieurs formulaires dans une page, mais une balise Form ne peut contenir d'autres balises Form (norme W3C).
Donc il y a déjà un problème de ce côté là. Tes 2 formulaires d'upload sont inclus dans un autre formulaire.
20/02/2013, 15h39
mabrouk1987

Citation:

Envoyé par kox2ee

Bonjour,
tu peux avoir plusieurs formulaires dans une page, mais une balise Form ne peut contenir d'autres balises Form (norme W3C).
Donc il y a déjà un problème de ce côté là. Tes 2 formulaires d'upload sont inclus dans un autre formulaire.

oui c'st ça le problème, la nécessité de mètre les forms d'upload dans une seule forme c'est la mise en page. Si je les sépares ça marche