5

<h:panelGroup>ユーザーが をクリックしたときにをレンダリングしたい<h:commandLink>

ajax なしで動作させることはできますが、ページ全体が更新されます。を使用しようとする<f:ajax>と、アクションが呼び出されません。

これはどのように発生し、どうすれば解決できますか?

これが私のリンクのコードです:

   <a4j:outputPanel>
        <h:commandLink action="#{ObjetEleve.showInfosPersos}" style="text-decoration:none;">
            <a4j:ajax event="click" render=":corps:panelInfos"/>
            <a4j:outputPanel layout="block" styleClass="menu_item_static_header">
                <h:panelGroup layout="block" styleClass="menu_item_static">
                    <h:outputText value="#{(ObjetEleve.displayModifications) ? 'Retour au mur' : 'Modifier mes informations'}" />
                </h:panelGroup>
            </a4j:outputPanel>
        </h:commandLink>
    </a4j:outputPanel>

そして、ここに私がレンダリングしたいパネルのコードがあります:

 <h:panelGroup id="panelInfos">
    <h:panelGroup id="infoPerso"
        rendered="#{(ObjetEleve.displayModifications) ? true : false}"
        layout="block">
        <a4j:outputPanel id="infosPersos" layout="block">
            <h:panelGrid width="580" columns="2" border="0">
                <h:panelGrid id="panelInscription" columns="2" border="0"
                    cellspacing="0" cellpadding="0">
                    <a4j:outputPanel>
                        <h:outputText value="Nom" />
                        <h:outputText value="*" style="color:#ff0000;" />
                    </a4j:outputPanel>
                    <a4j:outputPanel>
                        <h:inputText id="nomInscription"
                            value="#{ObjetEleve.nom_eleve}" styleClass="inputbox"
                            required="true" requiredMessage="Nom obligatoire" />
                    </a4j:outputPanel>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <a4j:outputPanel>
                        <h:outputText value="Prénom" />
                        <h:outputText value="*" style="color:#ff0000;" />
                    </a4j:outputPanel>
                    <a4j:outputPanel>
                        <h:inputText id="pnomInscription"
                            value="#{ObjetEleve.prenom_eleve}" styleClass="inputbox"
                            required="true" requiredMessage="Prénom obligatoire" />
                    </a4j:outputPanel>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <a4j:outputPanel id="pwd">
                        <h:outputText value="Mot de passe" />
                        <h:outputText value="*" style="color:#ff0000" />
                    </a4j:outputPanel>
                    <a4j:outputPanel>
                        <h:inputSecret id="passwd" value="#{ObjetEleve.pwd_eleve}"
                            redisplay="true" styleClass="inputbox" required="true"
                            requiredMessage="Mot de passe obligatoire" />
                    </a4j:outputPanel>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <a4j:outputPanel id="classe">
                        <h:outputText value="Classe" />
                        <h:outputText value="*" style="color:#ff0000" />
                    </a4j:outputPanel>
                    <a4j:outputPanel>
                        <rich:select value="#{ObjetEleve.id_classe_eleve}">
                            <f:selectItems value="#{classeBean.classes}" var="classe"
                                itemValue="#{classe.id_classe}"
                                itemLabel="#{classe.nom_classe}" />
                        </rich:select>
                    </a4j:outputPanel>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <a4j:outputPanel>
                        <h:outputText value="E-Mail" />
                        <h:outputText value="*" style="color:#ff0000" />
                    </a4j:outputPanel>
                    <a4j:outputPanel>
                        <h:inputText id="email" size="30"
                            value="#{ObjetEleve.email_eleve}" styleClass="inputbox"
                            required="true" requiredMessage="Email obligatoire" />
                    </a4j:outputPanel>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <a4j:outputPanel>
                        <h:outputText value="Date de naissance" />
                        <h:outputText value="*" style="color:#ff0000" />
                    </a4j:outputPanel>
                    <a4j:outputPanel>
                        <rich:calendar value="#{ObjetEleve.date_naissance_eleve}"
                            required="true"
                            requiredMessage="Date de naissance obligatoire" />
                    </a4j:outputPanel>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <a4j:outputPanel>
                        <h:outputText value="" />
                    </a4j:outputPanel>
                    <a4j:outputPanel>
                        <h:commandButton value="Mettre à jour les informations"
                            styleClass="submitButton" />
                    </a4j:outputPanel>
                    <h:outputText value="" />
                    <h:outputText value="" />
                </h:panelGrid>
            </h:panelGrid>
        </a4j:outputPanel>
    </h:panelGroup>
</h:panelGroup>
4

1 に答える 1

3

アクションコンポーネントのデフォルトのajaxイベントをオーバーライドしています。これは。event="action"によって行われevent="click"ます。このように、JSFはアクションイベントをアクションメソッドにキューイングしません。

だから、使用するevent="action"

<a4j:ajax event="action" render=":corps:panelInfos"/>

または、完全に削除すると、すでにデフォルトのイベントになっています

<a4j:ajax render=":corps:panelInfos"/>

同じ話がに当てはまります<f:ajax>

参照:

于 2013-01-10T13:44:18.287 に答える