2008-10-28 11 views
-1

J'ai une application web de gestion de projet où n'importe quel projet peut être l'enfant de zéro ou un autre projet. Notre directeur utilise cette fonction pour regrouper des projets dans des offres de service, et nos chefs de projet l'utilisent pour décomposer les projets en tâches ... mais du point de vue de la base de données, ils sont tous dans la table des projets. Ainsi, la hiérarchie peut être arbitrairement profonde, bien qu'en pratique, elle ne soit pas plus profonde que 4 niveaux (pour l'instant). Lorsque vous regardez la page de détails d'un projet, je veux avoir un type de widget interactif qui résume toute la famille dans l'espace le plus étroit possible lorsque vous n'êtes pas en interaction avec elle, mais se développe gracieusement pour montrer autant détail si nécessaire pour naviguer. Je pense que la façon dont les dossiers de fichiers sont affichés dans Windows Explorer est une très bonne métaphore, et je sais comment l'implémenter avec la bibliothèque YUI TreeView.Comment concevez-vous une vue arborescente qui se réduit autour d'un élément intermédiaire arbitraire?

Le problème, je l'espère, sera lorsque je regarde un projet avec des dizaines de frères et sœurs et des douzaines d'enfants. Si je construis l'arbre entier, alors développez-le assez pour montrer le projet que je regarde, il aura aussi étendu tous mes frères et soeurs, même si cela pourrait cacher mes enfants.

Est-ce que quelqu'un peut me diriger vers un exemple d'interface qui ressemble à "Vous êtes ici, les enfants existent, cliquez sur cette affordance pour les montrer Vous avez un parent, cliquez sur cette affordance pour l'afficher." ? JavaScript requis est correct, Flash serait moins populaire donc il faudrait être sacrément cool. ;)

Répondre

1

Vous pouvez regarder le logiciel TheBrain. Leur page web montre leur application, ce qui vous permet de traverser une arborescence avec les parents/enfants/frères et sœurs affichés visuellement autour du nœud que vous examinez.

http://imageshack.us/a/img388/5871/thebraintreecs2.jpg

Questions connexes