Comment faire PrimeFaces Sélecteurs comme dans la mise à jour=“@(.myClass)” travail?

Vous savez probablement déjà que PrimeFaces est à l'aide de jQuery sous les couvertures. PrimeFaces les Sélecteurs sont basé sur jQuery. Quelque chose que vous spécifiez dans @(...) sera utilisé comme sélecteur jQuery sur le HTML en cours arborescence DOM. Pour n'importe quel élément HTML, ce qui a un ID, exactement cet IDENTIFIANT sera utilisé dans le update.

En gros, pour un update="@(.myclass)", PrimeFaces, sous la couvre à peu près cela:

var $elements = $(".myclass");
var clientIds = [];

$.each($elements, function(index, element) {
    if (element.id) {
        clientIds.push(":" + element.id);
    }
});

var newUpdate = clientIds.join(" "); //This will be used as `update` instead.

Donc dans le cas où, par exemple, de

<h:form id="formId">
    <h:outputText id="output1" styleClass="myclass" ... />
    <h:outputText styleClass="myclass" ... />
    <h:outputText id="output3" styleClass="myclass" ... />
</h:form>

ce bouton de commande de mise à jour

<p:commandButton ... update="@(.myclass)" />

va se retrouver avec exactement le même effet que

<p:commandButton ... update=":formId:output1 :formId:output3" />

Noter que cela fonctionne aussi pour les Id généré automatiquement. I. e. le <h:form id> n'est pas obligatoire.

---

Parfois j'ai un problèmes avec PFS. Est-il quelque chose que vous devriez garder à l'esprit si vous utilisez PFS ?

Il peut arriver que vous avez sélectionné "trop" (par exemple @(form) ne sélectionnez pas la forme actuelle, mais tous des formulaires, exactement comme $("form") en jQuery!), ou que vous avez réellement choisi rien (quand le DOM HTML de l'élément a en fait pas de l'ID). Enquête sur les Id d'éléments dans le DOM HTML arbre et de la demande de charge utile dans le trafic HTTP surveiller le doit donner des indices.

Les éléments souhaités dans le DOM HTML arbre doit avoir un (généré automatiquement) ID. Le javax.faces.partial.render paramètre de la requête HTTP moniteur de trafic doit contenir le droit de Id client. L'élément rendered attribut du composant JSF arbre doit évaluer true cours de mise à jour. Etcetera.

Dans votre exemple, le <h:outputText> ne finira pas dans le code HTML généré en sortie avec toute pièce d'identité. Attribution d'un id devrait résoudre votre problème avec la mise à jour il.

Ainsi, cet exemple ne fonctionne pas

<h:form>
    <h:outputText value="#{bean.text1}" styleClass="myClass" />
    <p:commandButton value="Update" update="@(.myClass)" /> 
</h:form>

mais cet exemple de travail (notez que l'affectation de la forme d'un ID n'est pas nécessaire):

<h:form>
    <h:outputText id="myText" value="#{bean.text1}" styleClass="myClass" />
    <p:commandButton value="Update" update="@(.myClass)" /> 
</h:form>