richfaces: appel modal panel dans un tab

Version imprimable

18/11/2009, 11h45
lasoque

richfaces: appel modal panel dans un tab

Bonjour a tous,

Je me tourne vers vous pour savoir si quelqu'un a deja rencontré le meme probleme.

J'ai un commandButton dans un rich:tab et je souhaite appeler un modal a parti de ce bouton le probleme est que le modal panel est incruster dans le tab.

Je ne comprends pas pourquoi le modalPanel n'est pas considerer comme une fenetre popup, chose que je veux, et qui marche partout excepté dans les tab.

Merci.
18/11/2009, 12h03
Sniper37

tu peux nous montrer le code?

code du tab

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
 
<r:tab id="runtimeTab" label="Runtime">
 
		<h:panelGrid columns="1" width="100%"
			columnClasses="panelGridLabels, panelGridFields">
 
 
 
			<h:panelGrid id="componentConfigurationDeployControls" columns="4"
				rendered="#{s:hasRole('DEPLOY_COMPONENTS')}">
 
				<h:outputLabel value="Actions" />
 
				<r:spacer width="200" />
 
				<a:commandButton id="deployComponentConfigurationCommandButton"
					onclick="Richfaces.showTopModalPanel('modalpanelprogressiondeployment');"
					value="#{messages['runtimeform.deploy']}"
					disabled="#{osimpComponentConfigurationDeploymentManager.isDeployed()}"
					type="submit" limitToList="true"
					/>
 
				<a:commandButton id="undeployComponentConfigurationCommandButton"
					action="#{osimpComponentConfigurationDeploymentManager.undeploy}"
					value="#{messages['runtimeform.remove']}"
					disabled="#{!osimpComponentConfigurationDeploymentManager.isDeployed()}"
					type="submit" limitToList="true"
					reRender="rightPart" />
 
			</h:panelGrid>
...

code du modal panel

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<r:modalPanel id="modalpanelprogressiondeployment"
			height="200" width="500" resizeable="false"
			style="border: 1px solid #ff7f00;">
			<f:facet name="header">
				<h:panelGrid columns="3" cellpadding="0" cellspacing="0">
					<h:graphicImage url="/img/messages/warning_32.png" />
					<r:spacer width="15px" />
					<h:outputText value="#{messages['modalPanelDelete.title']}" />
				</h:panelGrid>
			</f:facet>
			<h:panelGrid columns="2" cellpadding="0" cellspacing="20">
				<!-- progress bar -->
				<h:outputLabel id="uploadPearAnimationLabel" style="display:none"
					value="#{messages['componentform.PearUploading']}"
					for="uploadAnimationGraphicImage" />
 
				<h:graphicImage id="uploadAnimationGraphicImage"
					style="display:none" url="/img/design/upload.gif" width="100%" />
			</h:panelGrid>
		</r:modalPanel>

18/11/2009, 14h43
Sniper37

c'est quoi la fonction Richfaces.showTopModalPanel?

assure toi que le modalPanel n'est pas inclus dans un form.
18/11/2009, 17h36
lasoque

C'est une fonction qui est ecris dans la doc richfaces.
Apres pour dire la subtilite quelle apporte je ne sais pas...
18/11/2009, 17h49
Sniper37
bizard, je ne trouve pas de référence à cette fonction sur la doc

essaye avec:
Code:

1 2 Richfaces.showModalPanel('_panel_id',{left:'auto',top:'auto'})
18/11/2009, 18h19
lasoque

Je viens de retrouver où il parle de cette fonction :

Table 6.105. JavaScript API functions
Function Description
Richfaces.showModalPanel('ID'); Opens the modal panel with specified ID
Richfaces.hideModalPanel('ID'); Closes the modal panel with specified ID
Richfaces.hideTopModalPanel('ID'); Closes the current top visible modal panel with specified ID

Desole c'est pour le hide il n'y a rien pour le show :D
18/11/2009, 18h27
Sniper37

ouii si tu essaye d'ouvrir une modalPanel avec la fonction dédiée à al fermer ça ne risque pas de marcher.:lol:
19/11/2009, 11h23
lasoque

C'est bon je viens de résoudre mon problème.
j'ai rajouter la ligne suivante pour appeler mon modal est du coup tout est rentré dans l'ordre.
Voici la ligne que j'ai rajouté pour ceux que sa intéresse.

<a:support event="onclick" oncomplete="Richfaces.showModalPanel('modalpanelprogressiondeployment');"/>