ASP.NET memiliki built-in kontrol navigasi
Web Navigasi Situs
Menjaga menu dari sebuah situs web yang besar adalah sulit dan memakan waktu.
Dalam ASP.NET menu dapat disimpan dalam file untuk membuatnya lebih mudah untuk mempertahankan. File ini biasanya disebut web.sitemap , dan disimpan dalam direktori root dari web.
Selain itu, ASP.NET memiliki tiga kontrol navigasi baru:
- menu dinamis
- TreeViews
- Peta situs Jalur
Peta Situs Berkas
Berikut file sitemap digunakan dalam tutorial ini:
<?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>Aturan untuk membuat file sitemap:
- File XML harus berisi <siteMap> tag sekitarnya konten
- The <siteMap> tag hanya dapat memiliki satu <siteMapNode> node anak (the "home" page)
- Setiap <siteMapNode> dapat memiliki beberapa node anak (web pages)
- Setiap <siteMapNode> memiliki atribut mendefinisikan judul halaman dan URL
Note: File sitemap harus ditempatkan di direktori root dari web dan URL atribut harus relatif ke direktori root.
menu dinamis
The <asp:Menu> kontrol menampilkan menu navigasi situs standar.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>The <asp:Menu> kontrol dalam contoh di atas adalah sebuah tempat untuk menu navigasi server yang dibuat.
Sumber data kontrol didefinisikan oleh DataSourceId atribut. The id="nav1" menghubungkan ke <asp:SiteMapDataSource> control.
The <asp:SiteMapDataSource> control otomatis menghubungkan ke file default sitemap ( web.sitemap ) .
Klik di sini untuk melihat demo dari Menu, TreeView, dan SiteMapPath
TreeView
The <asp:TreeView> menampilkan kontrol menu multi navigasi tingkat.
menu tampak seperti pohon dengan cabang-cabang yang dapat dibuka atau ditutup dengan + atau - simbol.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>The <asp:TreeView> kontrol dalam contoh di atas adalah sebuah tempat untuk menu navigasi server yang dibuat.
Sumber data kontrol didefinisikan oleh DataSourceId atribut. The id="nav1" menghubungkan ke <asp:SiteMapDataSource> control.
The <asp:SiteMapDataSource> control otomatis menghubungkan ke file default sitemap ( web.sitemap ) .
Klik di sini untuk melihat demo dari Menu, TreeView, dan SiteMapPath
SiteMapPath
Kontrol SiteMapPath menampilkan jejak (navigation path) ke halaman saat ini. Jalan bertindak sebagai link yang dapat diklik ke halaman sebelumnya.
Berbeda dengan TreeView dan menu kontrol kontrol SiteMapPath tidak NOT menggunakan SiteMapDataSource a. Kontrol SiteMapPath menggunakan web.sitemap berkas secara default.
Tips: Jika SiteMapPath menampilkan salah, kemungkinan besar ada kesalahan URL (typo) dalam file web.sitemap.
Code Example:
<form runat="server">
<asp:SiteMapPath runat="server" />
</form>The <asp:SiteMapPath> kontrol dalam contoh di atas adalah sebuah tempat untuk tampilan situs jalan server dibuat.
Klik di sini untuk melihat demo dari Menu, TreeView, dan SiteMapPath