Discussion :

[fab76000]

Bonjour,
Je suis confronté à un problème d'affichage d'un rich:menuGroup dans une extendedDataTable. L'affichage normal est présent dans l'image attaché 'menu1.png', lorsque l'on clique sur le menu d'action d'une ligne du tableau, le menu s'affiche correctement si la ligne en question se trouve au milieu du tableau, cependant si on clique sur la première ligne, le menu est coupé en haut, limité par le cadre de l'extendedDataTable (image attaché : menu2.png)
Voici le code de la dataTable :

Code :

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

1
2
3
4
5
6
7
8
9
<rich:extendedDataTable value="#{configurationsBean.materiels}"
				var="materiel" id="materiels" 			    height="325px" width="988px"
				sortMode="multi" selectionMode="single"
				rowClasses="odd,even"
				tableState="#{configurationsBean.tableState}"
				binding="#{configurationsBean.extendedDataTable}"
				groupingColumn="#{configurationsBean.groupingColumn}"
				noDataLabel="#{messages.com_altitude_provauto_configurations_no_materiel}"
				selection="#{configurationsBean.selection}">

Rien de spécifique, et voici la colonne comportant le code du dropDownMenu que j'utilise :

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
<rich:column id="configurationAction" styleClass="configurationAction" label="#{messages.materiels_action}" width="3%" > 
 
					<rich:dropDownMenu submitMode="ajax" hideDelay="200" event="onclick" direction="top-left" id="menuAction">
 
						<f:facet name="label">
							<h:graphicImage value="/images/menu_configuration.png" id="menuConfiguration" title="#{messages.action_configuration_title}" />
						</f:facet>
 
						<rich:menuItem value="#{materiel.designation}" disabled="true" styleClass="menuHeader" />
 
						<rich:menuItem 	value="#{messages.menu_visualiser_configuration}"
										reRender="configurationCourantePanel" 
										oncomplete="Richfaces.showModalPanel('configurationCourantePanel');jQuery('a[id=configurationCourantePanelClose]').focus();">
							<f:setPropertyActionListener value="#{materiel.asSelection}" target="#{configurationsBean.selection}" />
						</rich:menuItem>
 
						<rich:menuGroup value="#{messages.configuration}" 
										direction="bottom-left">
 
							<rich:menuItem value="#{messages.immediatement_configuration}"
											reRender="envoiImmediatPanel"
											oncomplete="Richfaces.showModalPanel('envoiImmediatPanel');jQuery('input[id=envoiImmediatPanelInclude:envoiImmediatPanelForm:envoiImmediatConfirmation]').focus()">
								<f:setPropertyActionListener value="#{materiel.asSelection}" target="#{configurationsBean.selection}" />
							</rich:menuItem>
 
							<rich:menuItem value="#{messages.configuration}"
reRender="planificationPanel"
											oncomplete="Richfaces.showModalPanel('planificationPanel');jQuery('input[id=planificationPanelInclude:planificationPanelForm:datePlanificationInputDate]').focus()"> 
								<f:setPropertyActionListener value="#{materiel.asSelection}" target="#{configurationsBean.selection}" />
							</rich:menuItem>
 
							<rich:menuItem value="#{messages.planification_configuration}"
											action="#{configurationsBean.annulerPlanification}"
											reRender="form, evenementsPanel">
								<f:setPropertyActionListener value="#{materiel.asSelection}" target="#{configurationsBean.selection}" />
							</rich:menuItem>
 
						</rich:menuGroup>
						<rich:menuItem value="#{messages.regenerer_configuration}" 
										action="#{configurationsBean.regenererConfiguration}"
										reRender="form, evenementsPanel" status="commonstatus">
							<f:setPropertyActionListener value="#{materiel.asSelection}" target="#{configurationsBean.selection}"/>
						</rich:menuItem>
 
						<rich:menuItem value="#{messages.supprimer_configuration}"
											reRender="suppressionPanel"
											oncomplete="Richfaces.showModalPanel('suppressionPanel');jQuery('input[id=suppressionPanelInclude:suppressionPanelForm:boutonAnnuler]').focus()"> 
								<f:setPropertyActionListener value="#{materiel.asSelection}" target="#{configurationsBean.selection}" />
							</rich:menuItem>
 
					</rich:dropDownMenu>
				</rich:column>

Je précise que j'utilise la version 3.3.1 de richfaces et le problème persiste avec la version 3.3.3.
J'ai également d'intervenir sur les paramètres z-index mais sans succès.
Est-ce que quelqu'un a déjà rencontré le problème ou à une idée ?
N'hésitez pas si vous avez des questions.
Merci.

Cordialement