Ajax mise à jour et la présentation à l'aide de h:commandButton

Comment mettre à jour un div et partielle de soumission à l'aide de <h:commandButton>, je l'ai déjà utilisé <p:commandButton> de façon partielle présentation par le réglage de l'ajax attribut de vrai et de la mise à jour de l'attribut :statusBlock, où l'id de la <h:panelGroup> est statusBlock. Je vais avoir quelques problèmes de conception avec <p:commandButton> donc je ne peux pas l'utiliser donc je dois utiliser <h:commandButton>.

InformationsquelleAutor Wizard Sultan | 2013-03-21
  1. 24

    Cela doit être fait par l'imbrication d'une <f:ajax> en elle.

    Dans les effets,

    <p:commandButton ... process="@form" update=":statusBlock" />

    fait exactement la même chose que

    <h:commandButton ...>
    <f:ajax execute="@form" render=":statusBlock" />
</h:commandButton>

    Noter que la subtile différence avec le PrimeFaces équivalent est que PrimeFaces par défaut @form dans le processus d'/exécuter, tandis que le <f:ajax> défaut de paiement d'un de @this, de sorte que vous pourriez avoir besoin de spécifier explicitement execute="@form" sur tous les lieux où vous n'avez pas spécifié le process attribut dans la PrimeFaces composant.

    Voir aussi:

    • Ce qui ne l'exécuter et de processus attribut faire dans h:commandButton?
    • Le <f:ajax execute> fait exactement la même chose que <p:commandButton process>. Le <f:ajax render> fait exactement la même chose que <p:commandButton update>. Ces attributs juste spécifie les composants doit être exécuté/traitées au cours de la soumettre le formulaire (qui est par défaut en cas de PrimeFaces pour l'ensemble de la forme et dans le cas de la norme ACI pour le composant en cours).
    InformationsquelleAutor BalusC
  2. 3

    Vous pouvez simplement utiliser les composants de base aux côtés de f:ajax par exemple

    <h:form id="myForm">       
  <h:commandButton value="Push Me">
     <f:ajax execute="myForm" render="statusBlock" />
  </h:commandButton>
  <h:panelGroup id="statusBlock">
  </h:panelGroup> 
</h:form>
    InformationsquelleAutor planetjones