Concept de codage nécessaire pour construire un sitemap de page

Question

Je travaille sur un CMS en utilisant VB.NET 3.5 et je suis bloqué sur un concept. J'ai différents modules qui font des choses différentes comme wysiwyg, formulaire de contact, galerie d'images, etc ... mais celui qui devient un peu un défi est de contourner "comment" construire un sitemap. Pour l'anecdote, je ne parle PAS d'un sitemap SEO (XML), mais plutôt d'un plan du site similaire à Karamasoft (regardez le style BMW ou Dell pour avoir une idée de ce que je tire).

Ma base de données contient les colonnes suivantes

ID  ParentID  MenuName  Slug   DateUpdated 

1   Null   Home   ~/home   01/01/2010 
2   Null   About   ~/about   01/01/2010 
3   Null   Contact   ~/contact  01/01/2010 
4   2    History   ~/history  01/01/2010 
5   2    Future   ~/future  01/01/2010 
6   3    Jobs   ~/jobs   01/01/2010 

J'ai ma configuration de code de telle sorte que je remplir tous les champs pertinents dans un objet sur le côté serveur que je peux alors accéder plusieurs fois sans frapper la DB encore et encore.

Public Shared ReadOnly Property Instance() As List(Of NavigationDataItem) 
     Get 
      Dim n As New List(Of NavigationDataItem)() 

      If _Instance Is Nothing Then 

       Dim PagesDC As New Dal.icms_PagesDataContext() 
       Dim results = PagesDC.icms_Pages_GetPageMenu().ToList 

       For Each o As Object In results 
        If o.isHomePage Then 
         n.Add(New NavigationDataItem(o.ID, o.ParentID, o.MenuName, "~/", o.DateUpdated)) 
        Else 
         n.Add(New NavigationDataItem(o.ID, o.ParentID, o.MenuName, o.Slug, o.DateUpdated)) 
        End If 
       Next 

       _Instance = n 
      Else : n = _Instance 
      End If 
      Return n 
     End Get 
    End Property 'Instance 

Ce que je suis en train de faire est d'avoir tous les documents qui n'ont pas ParentID (IE: ils sont des éléments de haut niveau) figurer en haut, et l'ensemble de ses enfants énumérés ci-dessous.

<table> 
    <tr> 
    <th>Home</th> 
    <th>About</th> 
    <th>Contact</th> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td>History</td> 
    <td>Jobs</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td>Future</td> 
    <td>&nbsp;</td> 
    </tr> 
</table> 

Je veux être en mesure de définir dynamiquement le nombre de colonnes de la table, de sorte que si j'ai 10 articles de parents et ne tournerai ma largeur à 5 colonnes, les éléments parents restants seraient répertoriés dans une autre ligne de tableau ci-dessous .

Je suis sûr que je peux créer le code moi-même une fois que je me suis mis à penser à cela, je cherche juste un "concept" sur la façon d'aborder ce problème.

Aussi, je ne cherche pas un Treeview puisque c'est fondamentalement ce que je fais maintenant et je ne l'aime vraiment pas du tout.

Answer 1

Vous pouvez utiliser un DataList pour définir le nombre de colonnes et de se lier qu'avec articles de haut niveau seulement. Ensuite, utilisez une fonction simple pour obtenir les childitems pour chaque élément principal et rendre ceux avec un répéteur:

<asp:DataList RepeatColumns="5" DataSource="<%#GetParentMenuItems()%>" runat="server"> 
    <ItemTemplate> 
    <h1><%#Container.DataItem.MenuName%></h1> 
    <hr /> 
    <asp:Repeater DataSource="<%#GetChildMenuItems(Container.DataItem.ID)%>" runat="server"> 
     <ItemTemplate> 
     <a href="<%#Container.DataItem.Slug%>"><%#Container.DataItem.MenuName%></a> 
     <br /> 
     </ItemTemplate> 
    </asp:Repeater> 
    </ItemTemplate> 
</asp:DataList> 

Idéalement, les éléments enfants seraient une collection pendaient parent, vous pouvez alors lier le répéteur imbriquée à celle directement. Vous pouvez ensuite créer un contrôle utilisateur qui restitue les éléments, puis l'imbriquer pour afficher les sous-éléments. Sur une note de côté: Je pense que vous allez vous faire une faveur en restant sur le sitemap .NET plutôt que de créer le vôtre. Beaucoup de contrôles pratiques l'utilisent, et il est bien intégré avec le reste du framework ASP.NET. :)

Answer 2

Utilisez un ASP: contrôle de la table et ajouter les cellules une à la fois, lorsque vous atteignez votre largeur désirée (5) lancer une nouvelle ligne