problème ave le message de confirmation; modalPanel

**D.Bilel** · 22/07/2008, 09h52

Bonjour tous le monde,

je suis entrains d'implémenter un message de confirmation avec richfaces. j'ai utilisé pour cela un modal panel qui s'exécute aprés un evénnement (clique sur le bouton delete).
je vous transmet mon code:

Code :

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

1
2
3
4
5
6
 
<h:selectOneMenu id="deleteClients" converter="javax.faces.Long" value="#{customerId}" required="true" rendered="true">
                <s:selectItems id="deleteCustomers" value="#{customers}" var="cust" label="#{cust.companyName}" itemValue="#{cust.customerId}"
                            noSelectionLabel="#{messages['selectCustomer']}"/>
            </h:selectOneMenu>
<h:commandButton id="delete" type="submit" value="#{messages['deleteCustomer']}" action="#{adminAction.selectCustomerId()}  oncomplete="javascript:Richfaces.showModalPanel('confirmDeletePanel');return false;"/>

le modal panel est celui ci

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
 
<f:view>
            <rich:modalPanel id="confirmDeletePanel" width="350" height="100"><!-- binding="#{confirmDeletePanel}">-->
                <f:facet name="header">
                    <h:panelGroup>
                        <h:outputText value="#{messages['deleteCustomer']}"></h:outputText>
                    </h:panelGroup>
                </f:facet>
                <f:facet name="controls">
                    <h:panelGroup>
                        <h:graphicImage value="Web Pages/themes/default/img/interdit.gif" id="hidelink">
                        <rich:componentControl id="control" for="confirmDeletePanel" attachTo="hidelink" operation="javascript:Richfaces.hideModalPanel('confirmDeletePanel');" event="onclick"/>
                       </h:graphicImage>
                    </h:panelGroup>
                </f:facet>
            <h:outputText value="#{messages['confirmDelete']}"></h:outputText><br/>
            <a href="javascript:Richfaces.hideModalPanel('confirmDeletePanel');">hide</a>
            <h:form>
                <h:commandButton id="supprimer" type="submit" value="#{messages['delete']}" action="#{adminAction.deleteCustomer()}" onclick="javascript:Richfaces.hideModalPanel('confirmDeletePanel')"/>
                <h:commandButton id="annuler" type="submit" value="#{messages['cancel']}" onclick="javascript:Richfaces.hideModalPanel('confirmDeletePanel')"/>
            </h:form>
        </rich:modalPanel>
    </f:view>

le problème c'est qd je clique sur le bouton delete l'action de la commande est bien appelé, le modal panel est affiché, mais que pour qque seconde et puis il disparait avec le chargelment de la page effectué par le CommandButton.Si je remplace l'attribut oncomplete par onsubmit , l'action du bouton delete n'est plus appelé.

est ce que quelqu'un a une idée. une autre solution pour faire un message de confirmation sera apprecié aussi

merci

**open_source** · 22/07/2008, 11h01

beh voila je t'aide
voici un code qui marche pour moi

<html>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<head>
<title>Ajout d'un devise</title>
<link rel="stylesheet" href="projsp.css">
</head>
<body>

<f:view>
<h:form id="form">
<rich:modalPanel id="panel" width="400" height="300">
<f:facet name="header">
<h:outputText value="Modal Panel"/>
</f:facet>

<a href="javascript:Richfaces.hideModalPanel('form:panel')">Close</a>
</rich:modalPanel>
<a href="javascript:Richfaces.showModalPanel('form:panel');">Open</a>
<h:commandButton value="jjdsqjdsq" onclick="javascript:Richfaces.showModalPanel('form:panel');"></h:commandButton>
</h:form>

</f:view>

</body>
</html>

mais je veux savoir pkoi quand je remplace le herf par un <h:commandboutton ca marcha pas ya qq qui peux m'aider ?

**D.Bilel** · 22/07/2008, 13h58

merci pour ton message
J'ai pu afficher et cacher le modale panel sans problème. Mais moi j'ai un autre probleème c'est que je voudrais à partir d'un composant (href ou commandeButton) effectuer une action et afficher le modalPanel en même temps
le code suivant:

Code :

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

1
2
<a4j:commandButton id="delete" type="submit" value="#{messages['deleteCustomer']}" action="#{adminAction.selectCustomerId()}" 
                                 oncomplete="javascript:Richfaces.showModalPanel('confirmDeletePanel');return false;"/>

execute bien l'action, affiche le ModalPanel qui malheuresuement disparait subitement (pendant le rechargement de la page effectué par le CommandButton)
et le code suivant:

Code :

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

1
2
<a4j:commandButton id="delete" type="submit" value="#{messages['deleteCustomer']}" action="#{adminAction.selectCustomerId()}" 
                                 onsubmit="javascript:Richfaces.showModalPanel('confirmDeletePanel');return false;"/>

affiche bien le modalpanel mais n'execute pas l'action

c'est dommage. j'ai utilisé href à la place mais c'est pareil

as tu une idée pour pouvoir faire une action et un evénnement en même temps?
concernnant ta question, je ne sais pas tu as quoi comme résultats qd tu clique sur le CommandButton. Mais si le button n'est pas déclaré entre une balise <form> elle ne marchera pas.

**open_source** · 22/07/2008, 14h14

et c'est la méme probleme pour moi
meme avec <h:commandboutton \>
ca marche pas

**devjava09** · 18/08/2009, 16h47

J'ai exactement le même problème?

en fait pour le problème cité au debut:

<a4j:commandButton value="confirmer"
onclick="#{rich:component('modalpan')}.show();return false" />

cela fonctionne correctement et le modalpanel fonctionne comme confirme en javascript

mais si on appelle le modalpane depuis javascript :

Richfaces.showModalPanel('modalpan')

cela ne marche pas

problème ave le message de confirmation; modalPanel

JSF Java

Vue hybride

Discussions similaires

Partager

Partager