Diviser un formulaire en pages à onglets en utilisant Dojo

Question

J'ai un formulaire qui comporte plus de 100 champs répartis dans 5 catégories, dont seuls 3 champs sont nécessaires et le reste est pré-rempli ou configuré avec des valeurs par défaut. Auparavant, j'utilisais un dijit.TitlePane pour diviser les sections et masquer les autres sections restantes.

J'ai maintenant décidé de passer à un modèle à onglets car je souhaite distribuer mon interface utilisateur plus horizontalement que verticalement. Maintenant, lorsque j'essaie de faire la même chose en utilisant le tabcontainer dijit, le formulaire casse la fonctionnalité des onglets et tous les éléments s'affichent dans le premier onglet lui-même.

Voici mon code:

            [...]

            [...]

            [...]

            [...]

            [...]

            [...]

            [...]

        [Plus de contenu d'onglet]

        [Plus de contenu d'onglet]

        [Plus de contenu d'onglet]

        [Plus de contenu d'onglet]

Maintenant, si je supprime les balises de formulaire, les onglets s'affichent correctement. Quelqu'un peut-il m'aider avec cela?

Answer 1

Avez-vous essayé l'approche suivante?

         ...

      ...

Je suppose que l'analyseur échoue à construire le TabContainer car il s'attend à trouver plusieurs ContentPanes mais trouve un Form. Le formulaire devrait fonctionner de la même manière une fois déplacé en dehors du TabContainer.

Answer 2

Mettre le formulaire ci-dessus a fonctionné mais puisqu'il était à son tour à l'intérieur d'un bordercontainer, l'interface utilisateur n'était toujours pas correcte. La solution a alors été de mettre le formulaire à l'intérieur d'un contentpane et celui-ci à l'intérieur du bordercontainer.