problème de validation avec la JSF h:forme et PrimeFaces p:dialogue

J'ai une page JSF qui est fondamentalement un créer un formulaire. Le formulaire se compose d'une variété de champs d'entrée et également une liste de sous-éléments.

Pour ajouter un sous-élément, vous cliquez sur "ajouter un élément" lien qui ouvre une boîte de dialogue à l'aide de la PrimeFaces p:boîte de dialogue de la balise. Il est similaire au panneau de connexion de démonstration sur les faces principales de la page ici, avec le p:growl les messages de validation:

http://www.primefaces.org/showcase/ui/dialogLogin.jsf

Mon problème est que quand je clique sur "ajouter" dans la boîte de dialogue je vois growl les messages de validation pour les champs dans la boîte de dialogue et les champs dans le formulaire principal. Je ne veux voir les messages de la boîte de dialogue.

Est-il un moyen de faire cela? J'ai essayé de l'incorporation d'un formulaire dans un formulaire, mais il ne fonctionne pas. C'est, je l'ai essayé ...

<h:form>

  <p:messages /> <!-- show validation messages for create form contents -->

  <h:inputText value .../>

  <h:dataTable value .../> <!-- list of sub elements -->

  <h:commandLink "shows the add element dialog" ... />

  <p:growl /> <!-- shows the validation messages for dialog contents -->

  <p:dialog>

     <h:form>

       <h:inputText value .../>

       <p:commandButton "validate dialog box fields then add the item to the list" .../>

     </h:form>

  </p:dialog>

</h:form>

... mais cela ne fonctionne pas. Toute aide est grandement appréciée!

InformationsquelleAutor Robert Hume | 2011-03-07
  1. 5

    Tout d'abord, c'est que vous ne pouvez pas insérer un formulaire dans un autre. Je pense qu'il n'est pas valide html.

    p:growl se comporte comme h:messages. Il affiche des messages pour tous les éléments de la page (non limitée à un formulaire). Vous pouvez en limiter mondiale que les messages (les messages sans id) par la mise en au globalOnly="true" attribut.

    Changer votre bouton de commande pour mettre à jour uniquement les p:growl et assurez-vous que c'est une requête ajax qui est déclenché par votre bouton de commande (ajax=true). Le p:commandButton a ajax=true comme comportement par défaut. Donc, si vous n'avez pas modifié de façon explicite, il s'agit d'une requête ajax.

    • Salut Matt, j'ai fait tout ce que vous avez dit. Et cela fonctionne, mais j'ai toujours des effets secondaires. Pas sûr que la meilleure façon de l'aborder. Imaginer cette façon: j'ai un formulaire avec un "Nom" et un "Numéros de Téléphone" liste (dans un h:dataTable). Pour ajouter un numéro de téléphone à la liste, cliquez sur "Ajouter un Numéro de Téléphone" et la boîte de dialogue qui s'affiche, entrez un numéro de téléphone dans la boîte de dialogue et cliquez sur le bouton "Ajouter". Le problème, c'est le grondement me montre le message de validation "de la Valeur requise pour le Nom Complet de" parce que c'est la validation de tous les champs de la page, pas seulement ceux de la boîte de dialogue. Le "Ajouter" est une requête ajax.
    • Ah, je pense que vous devriez mettre le champ de saisie pour le nom complet sous une forme différente que la boîte de dialogue. Si vous soumettez un formulaire, tous les éléments seront validées, même si seulement un sous-ensemble est mis à jour. Donc utiliser les deux formes (pas imbriquée!).
    • C'est ça, deux formes, non imbriquées fonctionne! Merci Matt!
    InformationsquelleAutor Matt Handy