ASP.NET 2.0 - Πλοήγηση (Navigation)

Το ASP.NET 2.0 έχει ενσωματωμένα στοιχεία πλοήγησης.

Πλοήγηση ιστοχώρου

Η συντήρηση των μενού πλοήγησης μεγάλων ιστοχώρων είναι δύσκολη και χρονοβόρα.

Στο ASP.NET 2.0, τα μενού μπορούν να αποθηκεύονται σε αρχεία, κάτι που διευκολύνει τη συντήρησή τους. Το αρχείο αυτό συνήθως ονομάζεται web.sitemapπου αποθηκεύονται στον ρίζα του ιστοχώρου.

Επιπλέον, το ASP.NET 2.0 έχει τρία νέα στοιχεία πλοήγησης:

  • Δυναμικά μενού
  • TreeViews
  • Διαδρομή Site Map

Αρχείο Sitemap

Αυτό το έργο χρησιμοποιεί το παρακάτω αρχείο site map (site map):

<?xml version="1.0" encoding="ISO-8859-1" ?>
<siteMap>
  <siteMapNode title="Home" url="/aspnet/w3home.aspx">
  <siteMapNode title="Services" url="/aspnet/w3services.aspx">
    <siteMapNode title="Training" url="/aspnet/w3training.aspx"/>
    <siteMapNode title="Support" url="/aspnet/w3support.aspx"/>
  </siteMapNode>
  </siteMapNode>
</siteMap>

Τα πρότυπα δημιουργίας αρχείων site map:

  • Το αρχείο XML πρέπει να περιέχει τα σήματα <siteMap> γύρω από το περιεχόμενο
  • Το σήμα <siteMap> μπορεί να έχει μόνο έναν υποστοιχό <siteMapNode> (σελίδα "home")
  • Κάθε <siteMapNode> μπορεί να έχει πολλαπλούς υποστοιχους (σελίδες ιστοχώρου)
  • Κάθε <siteMapNode> έχει ιδιότητες που καθορίζουν τον τίτλο της σελίδας και την URL

Σημείωση:Το αρχείο site map πρέπει να αποθηκεύεται στον ρίζα του ιστοχώρου, η ιδιότητα URL πρέπει να είναι σχετική με αυτόν τον ρίζα.

Δυναμικό Μενού

Το στοιχείο <asp:Menu> μπορεί να εμφανίζει το πρότυπο μενού πλοήγησης του ιστοχώρου.

Παράδειγμα κώδικα:

<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>

Στο παραπάνω παράδειγμα <asp:Menu> ελέγοςΕίναι ένα placeholder που παρέχει μια διαδρομή για τη δημιουργία μενού πλοήγησης από τον server.

Ο πηγαίος δεδομένων του ελέγου Α特τητητα DataSourceIdνα οριστεί.id="nav1" συνδέστε το με Ελέγος <asp:SiteMapDataSource>.

Ελέγος <asp:SiteMapDataSource>συνδέεται αυτόματα με το προεπιλεγμένο αρχείο sitemapweb.sitemap)

Κάντε κλικ εδώ για να δείτε το DEMO του Menu.

TreeView

Το ελέγος <asp:TreeView> μπορεί να εμφανίσει ένα πολυεπίπεδο μενού πλοήγησης.

Αυτό το μενού μοιάζει με ένα δέντρο με κλαδιά και μπορεί να ανοίξει ή να κλείσει με τους συμβολούς + ή -.

Παράδειγμα κώδικα:

<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>

Στο παραπάνω παράδειγμα Ελέγος <asp:TreeView>Είναι ένα placeholder που παρέχει μια διαδρομή για τη δημιουργία μενού πλοήγησης από τον server.

Ο πηγαίος δεδομένων του ελέγου Α特τητητα DataSourceIdνα οριστεί.id="nav1" συνδέστε το με Ελέγος <asp:SiteMapDataSource>.

Ελέγος <asp:SiteMapDataSource>συνδέεται αυτόματα με το προεπιλεγμένο αρχείο sitemapweb.sitemap)

Κάντε κλικ εδώ για να δείτε το DEMO του TreeView.

SiteMapPath

Το SiteMapPath ελέγος μπορεί να εμφανίσει ένα δείκτη που δείχνει στην τρέχουσα σελίδα (διαδρομή πλοήγησης). Αυτή η διαδρομή εμφανίζεται ως κλικαρίσιμος σύνδεσμος προς την ανώτερη σελίδα.

Διαφορετικά από τα TreeView και Menu ελέγκα, το SiteMapPath ελέγοςΧωρίς να χρησιμοποιείτε SiteMapDataSource. Το SiteMapPath ελέγος χρησιμοποιεί το αρχείο web.sitemap ως προεπιλεγμένο.

Συμβουλή:Αν το SiteMapPath δεν εμφανίζεται σωστά, μπορεί να είναι λόγω σφαλμάτων URL στο αρχείο web.sitemap.

Παράδειγμα κώδικα:

<form runat="server">
<asp:SiteMapPath runat="server" />
</form>

Στο παραπάνω παράδειγμα Ελέγος <asp:SiteMapPath>Είναι ένα placeholder που παρέχει μια διαδρομή για τη δημιουργία μενού πλοήγησης από τον server.

Κάντε κλικ εδώ για να δείτε το DEMO του SiteMapPath.