Problème affichage ModalPanel

Bonsoir à tous
SVP aider moi,

juste une idée
comment je peux en cliquant sur un bouton , j'aaffiche un modalpanel où j'ai,
inputtext et commandbutton et rich:scrollableDataTable (pour le premier affichage est vide)
dans ce modal panel quand je clique sur le bouton le tableau se remplis à partir de ma base de données

SVP qui ont fait ça ou ils ont une idée

Bonjour,

Pour faire ça je ferai un modalPanel avec mon inputText et un bouton de commande ajax qui lancera la recherche en base vers le model du tableau et effectura un reRender du tableau.

Après pour la gestion de l'affichage du modalPanel je ferai ça via les appels javascript comme c'est présenté dans le livedemo de RichFaces (Le site est maintenance au moment où j'écrit ce post je ne peux donc pas noter le lien qui va bien ^^)

Merci à vou mais comment je peux afficher le tableau dans mon modal panel vide pour la première fois

Ben tu peux ajouter le composant dataTable avec en value une liste vide dans managedBean. Ton tableau sera donc vide.

Et lors de ton action ajax tu remplie la liste avec les données qui te vont bien. Avec un reRender du tableau il affichera toutes les lignes ajoutées.

je n'ai pas bien compris SVP veuillez me donner un exemple pour mieux comprendre

Citation:

Envoyé par sky88

Bonsoir à tous
SVP aider moi,

juste une idée
comment je peux en cliquant sur un bouton , j'aaffiche un modalpanel où j'ai,
inputtext et commandbutton et rich:scrollableDataTable (pour le premier affichage est vide)
dans ce modal panel quand je clique sur le bouton le tableau se remplis à partir de ma base de données

SVP qui ont fait ça ou ils ont une idée

1 - Tu crées un bouton du genre
<a4j:commandButton type="button" onclick="#{rich:component('modalId')}.show();">

2 - Tu crées un ModalPanel à l'extérieur de la balise form de ton JSF principale avec id="modalId"

3 - Tu ajoutes un inputtext et commandbutton entre la balise modalPanel
4 - Tu ajoutes aussi un datatable qui est rattaché à ton tableau d'objet que tu voulais charger.
5 - Tu ajoutes une methode bean dans l'action de ton bouton du point 3. du genre <rich:commandbutton action="#{<TonBean>.<LaMethodePourRemplirTonTableau>}"

Citation:

Tu ajoutes aussi un datatable qui est rattaché à ton tableau d'objet que tu voulais charger

quand je rajote le datatable avec les propriétés var et valuele tabeau sera rempli au à l'ouverture de mon modal panel

dans mon bean j'ai comment remplir le tableau, comment je le faire comme action dans mon bouton

je vais pleurer j'ai pris tout ce temps pour peut être qq chose bête pour les experts

SVP aider moi

Envoyer ici ton code pour voir comment t'aider

merci beaucoup monsieur
ma page JSF

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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
 
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
 <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
 
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<f:view>
<html>
 
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Gestion </title>
<meta http-equiv="refresh" content="100">
<script language='javascript'> 
 
 
 
function RechNom() {
 
	Richfaces.showModalPanel('panel'); 
	}
 
</script> 
</head>
<body   link="#FFFFFF" ALINK="#FFFFFF" >
 
 
<h:form>
   <table border="0" width="85%" cellspacing="2" cellpadding="4"  style=" fontstyle:bold;"> 
 			 <tr> 
            <td width="200" align="left" style=" width : 81px;"><font face="Calibri"size="4" ><b>
			<label id="af">Affect&eacute; &agrave;:</label>
			</b></font></td> 
 
			 <td width="100" style=" width : 80px;">
			  <h:inputText  styleClass="inputText" value="#{Recherche11.rech}"id="Affect" size="75"  style=" width : 197px;" />
 
            </td> 
 
			 <td style=" width : 395px;" align ="left"> 
 
 
 
			 <a4j:commandButton value="Recherche112"  reRender="Affect" 
			  onclick="javascript:RechNom()" />
 
			 </td> 
         	   </tr>  
	       	 </table>
 
</h:form>
 
 
 
 
 
 
<rich:modalPanel id="panel" width="680"
            height="796">
		<f:facet name="header">
			<h:outputText value="Modifier un gestionnaire" />
		</f:facet>
 
<a4j:outputPanel id="panel1" >
<h:form>
	<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:
 collapse; width : 821;" height="467">
 
   <tr height="257" style="height: 192.75pt" valign="top">
   <td colspan="4" height="355" style="border-top:1px solid #FFCC66; text-align: cleft; vertical-align: top; color: #000000; font-size: 11.0pt; font-weight: 400; font-style: normal; text-decoration: none; font-family: Calibri, sans-serif; white-space: nowrap; border-left: 1px solid #FFCC66; border-right: 1px solid #FFCC66; padding-left: 1px; padding-right: 1px; padding-top: 1px; border-bottom-width:medium" width="248">
 
<rich:scrollableDataTable  id="tab" value="#{Recherche11.list}" var="RECH" sortMode="single"selection="#{Recherche11.selection}"
 
            first="0"
            rows="40" 
            width="680px"
            height="396px" style="font-size:12pt;">
 
             <rich:column width="80px" style="text-align:center;font-size:12pt;" >
              <f:facet name="header"><h:outputText value="TYPE" /></f:facet>
              <h:outputText  value="#{RECH.TYPE}"style="text-align:center;" />
             </rich:column> 
 
           <rich:column width="70px" style="text-align:center;font-size:12pt;">
             <f:facet name="header"><h:outputText value="MATRICULE" /></f:facet>
             <h:outputText value="#{RECH.MATRI}" style="text-align:center;"/>
           </rich:column>
            <rich:column width="70px" style="text-align:center;font-size:12pt;">
             <f:facet name="header"><h:outputText value="MATRICULE" /></f:facet>
             <h:outputText value="#{RECH.CODE_SOC}" style="text-align:center;"/>
           </rich:column>
 
 
</rich:scrollableDataTable >
</td>
   </tr>
     <tr> 
            <td width="200" align="left" style=" width : 81px;"><font face="Calibri"size="4" ><b>
			<label id="af">Affect&eacute; &agrave;:</label>
			</b></font></td> 
 
			 <td width="100" style=" width : 80px;">
			  <h:inputText  styleClass="inputText" value="#{Recherche11.Rech}"id="Affect" size="75"  style=" width : 197px;" />
 
            </td> 
 
			 <td style=" width : 395px;" align ="left"> 
 
 
 
			 <a4j:commandButton value="Recherche11"  reRender="tab" action="#{Recherche11.getlist1}"
			   />
 
			 </td> 
         	   </tr>  
 </table>
</h:form>
</a4j:outputPanel>
 
</rich:modalPanel>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</body>
</html>
</f:view>

mon bean

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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
 
 
 
package Test;
 
 
 
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;
 
 
 
 
import org.richfaces.component.UIScrollableDataTable;
 
import org.richfaces.model.selection.SimpleSelection;
 
import Test.BDD;
 
 
import java.sql.Connection;
 
import javax.faces.application.FacesMessage;
import javax.faces.context.FacesContext;
 
 
public class Recherche11 {
	private SimpleSelection selection = new SimpleSelection();
	private List<EMPLOYES> list=null;
	private EMPLOYES SelectedEM; 
	private UIScrollableDataTable table;
	private String Rech, NOM, Selected;
	private int MAT ;
 
 
 
	  public void setRech(String Rech)
		{ 
			this.Rech=Rech; 
		} 
		public String  getRech()
		{ 
			return Rech;
		}
 
  public List<EMPLOYES> getlist() {
 
 
			Connection con= new BDD().getCon();
			String SqlStr="";
			Statement stmt;
		  list = new ArrayList<EMPLOYES>();
				//try
				{
						//SqlStr="SELECT NOM FROM dc_demandeurex WHERE NOM='"+ Rech +"'";
						//stmt = con.createStatement();
						//ResultSet RS = stmt.executeQuery(SqlStr);
 
						// if (RS.next())
					 if (rech!=null)
						{
								{
									 list.add( new EMPLOYES("2",2,"2","2","2","2" ));
								}
						}
						else
						{
									list.add( new EMPLOYES("44",44,"44","44","44","44" ));
						}
 
 
						// RS.close();
							//con.close();
 
 
					} 
				//catch (SQLException e) {
 
					//	e.printStackTrace();
					//}
 
 
 
 
 
 
	    return  list;
   }
 
 
 
 
  public String getlist1() {
 
 
		Connection con= new BDD().getCon();
		String SqlStr="";
		Statement stmt;
	  list = new ArrayList<EMPLOYES>();
			//try
			{
					//SqlStr="SELECT NOM FROM dc_demandeurex WHERE NOM='"+ Rech +"'";
					//stmt = con.createStatement();
					//ResultSet RS = stmt.executeQuery(SqlStr);
 
					// if (RS.next())
				 if (getRech()!=null)
					{
					 list.add( new EMPLOYES("5A",5,"5A","5","5","5" ));
 
 
					}
					else 
 
					{
								list.add( new EMPLOYES("3A",3,"3A","3","3","3" ));
					}
 
 
					// RS.close();
						//con.close();
 
 
				} 
			//catch (SQLException e) {
 
				//	e.printStackTrace();
				//}
 
 
 
 
 
 
  return  "";
}
 
 
	public SimpleSelection getSelection() 
	{
        return selection;
    }
 
    public void setSelection(SimpleSelection selection)
    {
        this .selection = selection;
    }
    //*************************************************
 
 
 
 
	//******************************************** 
 
	 public String getSelected() 
	  {
		return Selected;
	  }
 
	public void setSelected(String Selected)
	    {
	        this .Selected = Selected;
	    }
 
	//**********************************
	 public String getNom() 
	  {
		return NOM;
	  }
 
	public void setNOM(String NOM)
	    {
	        this .NOM = NOM;
	    }
 
	//********************************
	 public int getMAT() 
	  {
		return MAT;
	  }
 
	public void setMAT(int MAT)
	    {
	        this .MAT = MAT;
	    }
	//*********************************
 
 
	 public String takeSelection() {
 
			MAT=getSelectedEM().getMATRI();
			NOM=getSelectedEM().getNOM();
			Selected= getSelectedEM().getCODE_SOC();
			if (getSelection().isSelectAll()){
 
			}else{
				Iterator<Object> iterator = getSelection().getKeys();
				while (iterator.hasNext()){
					Object key = iterator.next();
					table.setRowKey(key);
				//	getSelectedEM().getNOM();//(table.getRowData());
				}
 
			}
			System.out.print("hsss"+Rech+"sssg");
			return null;
		}
 
 
	  //******************************************
 
	    public EMPLOYES getSelectedEM() {
 
	        return SelectedEM;
	    }
 
	    public void setSelectedEM( EMPLOYES SelectedEM) 
	    {
	        this.SelectedEM = SelectedEM;
 
	    }
}

merci beaucoup Monsieur

Concrètement, avec ton code, quel est le problème ? Quel est le comportement de ta page et de ta popup ?

A part, je me répète mais quand on a un value="#{Recherche11.list}", le bean doit proposer la méthode getList() et non pas getlist() !

Merci mon problème c'est que je veux afficher dans le premier affichage de mon popup le tableau vide après dans le popup j'ai un bouton qui fait la mise à jour de mon tableau

J'ai constaté que le problème est au niveau du rerender de mon tableau mais comment le régler ???????