primefaces p:ajax update Saisir le code de la banque le systeme affiche automatiquement le libelle banque
Bonjour,je rencontre une difficulté à accéder à l'id de l'input text de p:component dans p:ajax update je voudrais afficher le libellé de la banque quand je saisis le code de la banque dans l'input text dans une datatable voici le code de la page xhtml :
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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
template="/pages/template/pageLayout.xhtml"
xmlns:r="http://java.sun.com/jsf/composite/recherche"
xmlns:sec="http://www.springframework.org/security/tags">
<ui:define name="content">
<p:panel id="panelAgence" styleClass="panel_content">
<f:facet name="header">
<h:panelGrid columns="1" styleClass="panel-header">
<h:panelGroup>
<h:outputText value="#{referentielMsg['title.gestionAgence']}" />
</h:panelGroup>
</h:panelGrid>
</f:facet>
<h:panelGrid columns="1">
<h:form id="message">
<p:messages id="messages" showDetail="true" showSummary="false"
autoUpdate="true" closable="true" />
</h:form>
</h:panelGrid>
<h:form id="gestionAgence">
<p:fieldset legend="#{referentielMsg['ref.agence']}" >
<h:panelGrid columns="3" styleClass="panel" >
<h:outputLabel
value="#{referentielMsg['ref.agence.code']}:"
styleClass="labelText"
style="padding-left: 10px;padding-right: 10px;" />
<p:inputText autocomplete="off" style="width: 200px;"
styleClass="inputStyle"
value="#{agenceBean.agence.agenceCode}" />
<p:inputText autocomplete="off" style="width: 200px;"
styleClass="inputStyle"
value="#{agenceBean.agence.agenceLibelle}" />
</h:panelGrid>
</p:fieldset>
<p:fieldset legend="#{referentielMsg['ref.agence.listeAgence']}" >
<p:dataTable id="agenceTable" var="agence" value="#{agenceBean.agenceDataModel}" editable="true"
emptyMessage="#{ficherMessage['DATATABLE.NORECORDSFOUNS']}" editMode="cell" widgetVar="cellCars"
selection="#{agenceBean.listAgenceASupprimer}" >
<p:column headerText="#{referentielMsg['ref.codeAgence']}" id="columnCode">
<p:cellEditor>
<f:facet name="output"><h:outputText value="#{agence.agenceCode}" /></f:facet>
<f:facet name="input"><p:inputText value="#{agence.agenceCode}" style="width:96%"/></f:facet>
</p:cellEditor>
</p:column>
<p:column headerText="#{referentielMsg['ref.AgencecodeBanque']}" >
<p:cellEditor>
<f:facet name="output"><h:outputText value="#{agence.banque.banqueCode}" for="code"/></f:facet>
<f:facet name="input"><p:inputText value="#{agence.banque.banqueCode}" id="code" style="width:96%">
<p:ajax listener="#{agenceBean.recupererLibelleBanque()}" update=":gestionAgence:agenceTable:1:code,:gestionAgence:agenceTable:3:libelleBanque" />
</p:inputText>
</f:facet>
</p:cellEditor>
<p:commandLink style="padding-left :5px;" icon="ui-icon-star" update=":#{p:component('banquePopup1')}" oncomplete="PF('banquePopup').show();" >
<p:ajax listener="#{agenceBean.afficherBanquePopup}" />
<h:graphicImage alt="Modifier" value="/resources/images/plus.gif" />
</p:commandLink>
</p:column>
<p:column headerText="#{referentielMsg['ref.libelleAgence']}" >
<p:cellEditor>
<f:facet name="output"><h:outputText value="#{agence.agenceLibelle}" /></f:facet>
<f:facet name="input"><p:inputText value="#{agence.agenceLibelle}" style="width:96%"/></f:facet>
</p:cellEditor>
</p:column>
<p:column headerText="#{referentielMsg['ref.libelleBanque']}" id="columnBanque">
<p:cellEditor>
<f:facet name="output"><h:outputText value="#{agence.banque.banqueLibelle}" for="libelleBanque" /></f:facet>
<f:facet name="input"><p:inputText value="#{agence.banque.banqueLibelle}" id="libelleBanque" style="width:96%"/></f:facet>
</p:cellEditor>
</p:column>
<p:column selectionMode="multiple" style="width:2%" disabledSelection="true"/>
</p:dataTable>
</p:fieldset>
<h:panelGrid columns="6" styleClass="panel" style="padding-top:1px;">
<p:commandButton update=":gestionAgence" type="submit" disabled="#{agenceBean.desactiverBouttonRechercher}" id="boutonRechercher"
value="#{msg['boutton.rechercher']}" accesskey="R" ajax="true" action="#{agenceBean.rechercher}" />
<p:commandButton update=":gestionAgence" type="submit" disabled="#{agenceBean.desactiverBouttonModifier}" id="boutonModifier"
value="#{msg['boutton.modifier']}" accesskey="M" ajax="true" action="#{agenceBean.modifier}"/>
<p:commandButton update=":gestionAgence" type="submit" disabled="#{agenceBean.desactiverBouttonAjouter}" id="boutonAjouter"
value="#{msg['boutton.ajouter']}" accesskey="A" ajax="true" action="#{agenceBean.ajouter()}"/>
<p:commandButton update=":gestionAgence" type="submit" disabled="#{agenceBean.desactiverBouttonSupprimer}" id="boutonSupprimer"
value="#{msg['boutton.supprimer']}" ajax="true" accesskey="S" actionListener="#{agenceBean.supprimer()}">
<p:confirm header="Confirmation" message="#{referentielMsg['ref.agence.gestionAgence.confirmerSuppression']}" icon="ui-icon-alert" />
</p:commandButton>
<p:commandButton update=":gestionAgence" type="submit" disabled="#{agenceBean.desactiverBouttonSauvegarder}" id="boutonSauvegarder"
value="#{msg['boutton.sauvegarder']}" ajax="true" accesskey="S" action="#{agenceBean.sauvegarder}"/>
<p:commandButton update=":gestionAgence" type="submit" disabled="#{agenceBean.desactiverBouttonInitialiser}" id="boutonInitialiser"
value="#{msg['boutton.initialiser']}" ajax="true" accesskey="I" action="#{agenceBean.initialiser}"/>
</h:panelGrid>
<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
<p:commandButton value="Oui" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
<p:commandButton value="Non" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
</p:confirmDialog>
<ui:include src="/pages/referentiel/banque/banquePopup.xhtml" >
<ui:param name="banquePopupBean" value="#{agenceBean}" />
</ui:include>
</h:form>
</p:panel>
</ui:define>
</ui:composition> |
