Valider un formulaire en pressant "entrer"

**router_** · 09/08/2011, 09h53

Bonjour,

J'ai une page JSF contenant un champ pour faire des recherches.
L'utilisateur commence par choisir le critère de recherche ( ex: nom ), après il choisit un mot clé (ex : "Xavier") pour trouver tous les utilisateurs dont le nom est Xavier.

Pour voir les resultats l'utilsiateur doit cliquer sur un bouton "Filtrer" (commandlink en JSF):

Code :

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

1
2
3
4
5
6
<h:commandLink value="" id="searchSimpleBtnCr"  
                actionListener="#{crFilterBean.addFieldRestriction}" action="crList">   
                <t:graphicImage value="/images/magnifier.gif" border="0"/>   
                <h:outputText value="#{msgsCommand.filtrer}" styleClass="message_th_m" />   
                <t:updateActionListener property="#{visitDmex.ongletCrFiltreId}" value="0"/>   
</h:commandLink>

L'utilisateur entre le mot clé dans un champs "input" :

Code :

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

<h:inputText value="#{visitDmex.crFilterCanva.value}"id="fieldValueCr" styleClass="form" />

Le problème c'est que en entrant un mot clé ( Xavier ) et pressant entrer, il y a rien qui se passe, cela peut être déduit du code puisqu'il y a pas d'action sur input. J'aimerai savoir si il y a moyen d'avoir les même résultats lorqu'on presse "Filtrer" juste en pressant entrer, est ce qu'il y a un moyen de faire ça en JSF.

Merci par avance

**tchize_** · 09/08/2011, 11h45

le toucher "enter", sur la plupart des navigateur, utilise l'action associée au premier bouton submit trouvé dans le formulaire. Le plus simple est donc de transformer votre commandLink en commandButton.

**router_** · 10/08/2011, 17h37

Bonjour, Merci pour la réponse
C'est ce que j'ai fait, mais ça n'a pas marché, voila mon nouveau code : ( partie important ligne 46 - 53 )

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
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
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
 
<f:loadBundle basename="popup" var="msgsPopup" />
<f:loadBundle basename="popupDmex" var="msgsPopupDmex" />
<f:loadBundle basename="cr" var="msgsCr" />
<f:loadBundle basename="command" var="msgsCommand" />
<f:loadBundle basename="common" var="msgsCommon" />
 
<f:subview id="subviewSearchCrFiltre1">
 
	<h:panelGrid columns="1" width="100%" style="height:115px;">
		<h:outputText value="#{msgsCommon.propriete}" styleClass="gras" />
		<h:panelGrid columns="1" id="panelSelectPropriete">
			<h:panelGroup id="proprieteCr">
				<h:selectOneMenu value="#{visitDmex.crFilterCanva.property}"
					id="selectFieldCr" styleClass="form">
					<f:selectItem itemLabel="#{visitDmex.defaultSearchFieldCr}"
						itemValue="#{visitDmex.defaultSearchValueCr}"
						id="defautSimpleFieldCr" />
					<f:selectItems value="#{crBean.filterCrFieldList}" />
				</h:selectOneMenu>
				<f:verbatim>&nbsp;</f:verbatim>
				<t:popup styleClass="popup" displayAtDistanceX="5"
					displayAtDistanceY="5">
					<h:commandButton
						actionListener="#{crFilterBean.initDefaultFilterProperty}"
						image="/images/accept.gif" />
					<f:facet name="popup">
						<h:panelGroup>
							<h:panelGrid columns="1" width="250"
								id="paneGridFiltreParDefautCr">
								<h:panelGrid columns="1" headerClass="popupHeader"
									id="paneGrid6Cr">
									<f:facet name="header">
										<h:outputText value="#{msgsPopup.parDefaut}" />
									</f:facet>
									<h:outputText value="#{msgsPopup.filtreParDefaut}" />
								</h:panelGrid>
							</h:panelGrid>
						</h:panelGroup>
					</f:facet>
				</t:popup>
				<f:verbatim>&nbsp;</f:verbatim>
				<h:inputText value="#{visitDmex.crFilterCanva.value}"
					id="fieldValueCr" styleClass="form" />
				<h:commandButton value="" id="searchSimpleBtnCr"
					actionListener="#{crFilterBean.addFieldRestriction}" action="crList">
					<t:graphicImage value="/images/magnifier.gif" border="0"/>
					<h:outputText value="#{msgsCommand.filtrer}" styleClass="message_th_m" />
					<t:updateActionListener property="#{visitDmex.ongletCrFiltreId}" value="0"/>
				</h:commandButton>
				<t:popup styleClass="popup" displayAtDistanceX="5"
					displayAtDistanceY="5">
					<h:panelGroup>
						<h:outputText value="&nbsp;" escape="false" />
						<h:graphicImage value="/images/information.gif" />					
						<h:outputText value=" #{msgsCommon.filtresActifs}" styleClass="sorti" />
					</h:panelGroup>
					<f:facet name="popup">
						<h:panelGrid columns="1" headerClass="popupHeader" width="250">
							<f:facet name="header">
								<h:outputText value="#{msgsPopup.filterProprieteList}" />
							</f:facet>
							<h:panelGrid columns="1">
								<t:dataList var="crFilterListRow"
									value="#{crFilterBean.filterList}" layout="unorderedList"
									styleClass="sorti">
									<h:outputText value="#{crFilterListRow}" />
								</t:dataList>
							</h:panelGrid>
						</h:panelGrid>
					</f:facet>
				</t:popup>
			</h:panelGroup>
		</h:panelGrid>
 
		<h:panelGrid columns="2" cellpadding="0" cellspacing="0" border="0">
			<h:panelGrid columns="1" cellpadding="0" cellspacing="0" border="0">
				<h:panelGroup>
					<h:selectBooleanCheckbox
						value="#{visitDmex.crFilterCanva.boolProperty}"
						id="impaDesactivationPreprodCr" />
					<h:outputLabel for="impaDesactivationPreprodCr"
						value="#{msgsCr.activeFiltre} :" styleClass="sorti" />
				</h:panelGroup>
			</h:panelGrid>
			<h:selectOneRadio value="#{visitDmex.crFilterCanva.boolValue}">
				<f:selectItem itemLabel="true" itemValue="true" />
				<f:selectItem itemLabel="false" itemValue="false" />
			</h:selectOneRadio>
		</h:panelGrid>
 
		<h:panelGrid columns="3" cellpadding="2" cellspacing="0" border="0">
 
 
			<h:commandLink value=""	id="resetSimpleBtnCr"
				actionListener="#{crFilterBean.resetCriterCr}" action="crList">
				<t:graphicImage value="/images/cross.gif" border="0"/>
				<h:outputText value="#{msgsCommand.annuler}" styleClass="message_th_m" />
				<t:updateActionListener property="#{visitDmex.ongletCrFiltreId}" value="0"/>
			</h:commandLink>
 
			<t:popup styleClass="popup" displayAtDistanceX="5"
				displayAtDistanceY="5">
				<h:graphicImage value="/images/help.gif" />
				<f:facet name="popup">
					<h:panelGroup>
						<h:panelGrid columns="1" width="250">
							<h:panelGrid columns="1" headerClass="popupHeader">
								<f:facet name="header">
									<h:outputText value="#{msgsPopup.filtrer}" />
								</f:facet>
								<h:outputText value="#{msgsPopup.explicationFiltrerPropriete}" />
							</h:panelGrid>
							<h:outputText value="#{msgsCommon.ligne}" />
							<h:panelGrid columns="1" headerClass="popupHeader">
								<f:facet name="header">
									<h:outputText value="#{msgsPopup.annuler}" />
								</f:facet>
								<h:outputText
									value="#{msgsPopup.explicationAnnuler} #{msgsPopupDmex.popupAfficheCr}" />
							</h:panelGrid>
						</h:panelGrid>
					</h:panelGroup>
				</f:facet>
			</t:popup>
		</h:panelGrid>
	</h:panelGrid>
</f:subview>

Merci d'avance

**tchize_** · 10/08/2011, 21h18

On peux voir le h:form ?

**DevServlet** · 11/08/2011, 09h08

Envoyé par tchize_

On peux voir le h:form ?

Je crois qu'il n'a pas mis de h:form, j'en vois pas au debut du fichier à moins que sa page soit incluse dans une autre qui elle contient ce h:form

**router_** · 11/08/2011, 10h18

Salut,

Effectivement, il y a pas de <h:form>, j'ai essayé de l'ajouter par moi même
Voici ce que j'ai fait (lignre 45-53 du fichier global):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<h:form>
					<h:panelGrid columns="1">
						<h:inputText value="#{visitDmex.crFilterCanva.value}"
						id="fieldValueCr" styleClass="form" />
					</h:panelGrid>	
					<h:commandButton value="" id="searchSimpleBtnCr"
						actionListener="#{crFilterBean.addFieldRestriction}" action="crList">
						<t:graphicImage value="/images/magnifier.gif" border="0"/>
						<h:outputText value="#{msgsCommand.filtrer}" styleClass="message_th_m" />
						<t:updateActionListener property="#{visitDmex.ongletCrFiltreId}" value="0"/>
					</h:commandButton>
				</h:form>

Mais dans ce cas le bouton Filtrer (équivalent de submit) ne marche plus.

Valider un formulaire en pressant "entrer"

Servlets/JSP Java

Vue hybride

Discussions similaires

Partager

Partager