Deux composants d'upload de PrimeFaces

**mabrouk1987** · 19/02/2013, 16h39

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**kox2ee** · 20/02/2013, 01h41

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 ?

**mabrouk1987** · 20/02/2013, 02h27

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)

**kox2ee** · 20/02/2013, 02h42

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...

**mabrouk1987** · 20/02/2013, 09h03

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**kox2ee** · 20/02/2013, 14h24

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.

Deux composants d'upload de PrimeFaces

JSF Java

Vue hybride

Discussions similaires

Partager

Partager