Pourquoi prependId=“false” dans un formulaire jsf?

Je sais ce que prependId="false" n'. Il a défini le drapeau alors que l'id de la forme n'est pas à mettre l'id de la forme de l'enfant, mais pourquoi? aucune raison particulière pour laquelle vous voulez ou ne voulez pas ajouter l'id?

InformationsquelleAutor Thang Pham | 2010-10-19
  1. 40

    Dans mon expérience, je n'ai jamais utiliser cet attribut. Cependant, dans certains cas, il peut être utile.

    Lorsque vous utilisez Facelets, vous pouvez créer des modèles ou inclure des pages à l'intérieur d'une autre page. Vous pouvez donc imaginer qu'une page peut être inclus dans plusieurs pages. Prenons l'exemple où le parent pages contiennent un form, avec différents id:

    Page 1:

    <h:form id="form1">
    <ui:include src="pages/my-page.xhtml"/>
    ...
</h:form>

    Page 2:

    <h:form id="form2">
    <ui:include src="pages/my-page.xhtml"/>
    ...
</h:form>

    Maintenant, dans le my-page.xhtml, vous avez un <h:inputText id="foo"/>. Dans le premier cas, l'ID de l'entrée sera form1:foo, tandis que dans le second cas, il sera form2:foo. Cela pourrait créer des situations complexes, si vous avez besoin d'un accès direct à cette composante en Javascript ou en Java (à l'aide de findComponent("...") méthode).

    Si vous utilisez prependId="false" (ou sur certains composants forceId="true"), le nom réel sera simplement foo, puis votre code sera plus simple car vous n'aurez pas de soins sur le conteneur du champ de saisie.

    Cependant, vous devrez utiliser cet attribut attentivement, vous pouvez obtenir un duplicata de l'ID d'erreur si vous utilisez cette prepend attribut trop souvent...

    Moderne jsf versions, il pourrait aussi briser ajax, voir UIForm avec prependId="false" pauses <f:ajax render>

    • D'accord. Cependant, JS accès peut être simplifié si vous êtes à l'aide de la this mot clé de manière intelligente 🙂
    • Avec prependId="true", id de composant sont préfixés par le nom du formulaire. Ceci est utile si vous avez de nombreux composants avec le même id dans deux différents formsin le même .fichier xhtml.
    InformationsquelleAutor Romain Linsolas
  2. 8

    Une situation où prependId=false est utile dans le formulaire de connexion, si vous utilisez le Printemps de Sécurité, parce que l'id de la inputtexts doivent être exactement "j_username" et "j_password". Donc, vous ne devez pas mettre l'id du formulaire avant eux, et en utilisant prependId=false est un bon choix pour réaliser cela.

    InformationsquelleAutor choquero70
  3. 7

    Je préfère ajouter prependId parfois l'occasion de faire des éléments de style par le biais de leurs classes d'identité plus facile. Par exemple, un formulaire:

    <h:form id="myform" ... >
    <h:inputText id="mytext" ... />
</h:form>

    Serait de vous donner un ID de myform:mytext. Comme le colon est réservée dans le CSS, vous avez pour échapper à la CSS à lire quelque chose comme #myform\:mytext { ... } que je préfère ne pas le faire. Avec prependId="false" - je obtenir de l'utiliser juste #mytext { ... } qui est beaucoup plus simple & agréable à lire. Il joue aussi de la plus agréable avec les préprocesseurs CSS comme MOINS ou Sass.

    • Une alternative serait d'utiliser javax.des visages.SEPARATOR_CHAR - cela vous permet d'utiliser un autre caractère séparateur à la place de ":".
    • Pour la clarification: @Lee Theobald évidemment, cela voulait dire "colon" lorsqu'il dit "Que le point-virgule...".
    • Que j'ai fait. Fixe la réponse appropriée.
    • Theobald, dans votre réponse, ne devrait-elle pas être prependId="false" pour obtenir de l' #mytext ou est-il exact, car autant que je sache prependId="true" par défaut ? Veuillez préciser
    • Oui, vous avez raison. J'ai réussi à faire quelques fautes de frappe dans cette réponse! Le point demeure bien 🙂 je vais le corriger de manière appropriée.
    • Il y a une meilleure approche pour atteindre le même but. Utilisation styleClass pour attribuer des classes CSS pour les composants. JSF ne modifie jamais les noms de classe CSS, et comme un effet secondaire, vous obtenez le droit de la sémantique. Les classes CSS sont l'habitat naturel de règles CSS.

    InformationsquelleAutor Lee Theobald
  4. 2

    Un scénario où nous avons à définir cet indicateur est dans le cas de la saisie semi-automatique de contrôle de primefaces bibliothèque.

    J'ai dû mettre ce drapeau à false quand j'essayais de saisie semi-automatique de contrôle de primefaces de la bibliothèque. Je n'ai pas été en mesure d'obtenir la saisie semi-automatique de travail, mais après la définition de ce drapeau il a bien fonctionné. Vous pouvez voir ce lien à ma question au sujet de ce problème

    WARN [Paramètres] Paramètres: Invalid morceau ignoré. avertissement à venir dans primefaces application

    InformationsquelleAutor Shekhar
  5. 2

    En plus à faire pour les sélecteurs CSS, plus facile, à l'aide de prependId=false facilite l'utilisation de JavaScript et de jQuery pour accéder à des éléments spécifiques.

    Autrement, sans l'aide de RichFaces, pour obtenir à un elmement par id à l'aide de jQuery, vous aurez à utiliser une vilaine séquence d'échappement comme:

    jQuery("form-id\\:element-id")
    • Utiliser les CSS pseudo-classes. JSF ne modifie jamais les noms de classe, de sorte que vous pouvez simplement accéder à l'attribut à l'aide de $(.myClass).
    InformationsquelleAutor Will Durman