Comment sélectionner des composants JSF à l'aide de jQuery ?

Question

J'essaie d'implémenter jQuery avec les composants PrimeFaces et JSF, mais cela ne fonctionne pas correctement. Lorsque j'ai essayé de faire la même chose avec les balises HTML, cela fonctionne correctement.

Voici le code avec les balises HTML qui fonctionne correctement avec jQuery :

 <input type="checkbox" id="check2"></input>
<h:outputText value="Check the box, if your permanent address is as same as current address."></h:outputText> 
<h:message for="checkbox" style="color:red" />

avec

 $("#check2").change(function() {
    if ($("#check2").is(":checked")) {
        $("#p2").hide();
    } else {
        $("#p2").show();
    }
});

Voici le code avec PrimeFaces/JSF qui ne fonctionne pas correctement avec jQuery :

 <p:selectManyCheckbox >
    <f:selectItem itemLabel="1" value="one" id="rad" ></f:selectItem>
</p:selectManyCheckbox>

avec

 $("#rad").change(function() {
    if ($("#rad:checked").val() == "one") {
        $("#p2").hide();
    } else {
        $("#p2").show();
    }  
});

Answer 1

Si vous utilisez RichFaces, vous pouvez vérifier le composant rich:jQuery . Il vous permet de spécifier l'identifiant côté serveur pour le composant jQuery. Par exemple, vous avez un composant avec un identifiant de serveur spécifié, vous pouvez alors appliquer n'importe quel élément lié à jQuery de la manière suivante :

 <rich:jQuery selector="#<server-side-component-id>" query="find('.some-child').removeProp('style')"/>

Pour plus d'informations, veuillez consulter la documentation .

J'espère que ça aide.

Answer 2

regardez, cela vous aidera lorsque je sélectionnerai expérience = Oui, ma boîte de dialogue dont l'identifiant est dlg3 est popup.et si la valeur est Non, elle ne s'ouvrira pas