Latest web development tutorials

navigasi ASP.NET

ASP.NET dengan built-in kontrol navigasi.

Navigasi situs

Pemeliharaan situs besar sulit dan memakan waktu menu.

Dalam ASP.NET, menu dapat disimpan dalam sebuah file, sehingga mudah untuk mempertahankan. File biasanya bernamaweb.sitemap, dan disimpan dalam direktori root dari situs Anda.

Selain itu, ASP.NET memiliki tiga kontrol navigasi inti:

  • menu dinamis
  • TreeViews
  • Peta situs Jalur

file sitemap

Dalam tutorial ini, kita menggunakan file sitemap berikut:

<?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>

Membuat aturan file sitemap:

  • Dokumen XML harus berisi tentang isi dari <sitemap> tag
  • <SiteMap> tag hanya dapat memiliki satu <SiteMapNode> node anak ( "rumah" halaman)
  • Setiap <SiteMapNode> dapat memiliki beberapa node anak (web)
  • Setiap <SiteMapNode> dengan properti mendefinisikan judul halaman dan URL

lampuCatatan: file sitemapharus berada di direktori root dari situs, atribut URL harus relatif ke direktori root.

menu dinamis

<Asp: Menu> display kontrol menu navigasi situs standar.

contoh kode:

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

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

Dalam contoh di atas<asp: Menu> control merupakan tempat untuk menu navigasi server yang dibuat.

kontrol sumber dataDataSourceID atribut definisi.id = "nav1" sumber data untuk menghubungkan ke<asp: SiteMapDataSource>control.

<Asp: SiteMapDataSource> control otomatis menghubungkan ke file default sitemap (web.sitemap).

TreeView

<Asp: TreeView> display kontrol menu navigasi multi-level.

Menu ini terlihat seperti pohon dengan cabang-cabang itu, dengan + atau - tanda untuk membuka atau menutup.

contoh kode:

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

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

Dalam contoh di atas<asp: TreeView> control merupakan tempat untuk menu navigasi server yang dibuat.

kontrol sumber dataDataSourceID atribut definisi.id = "nav1" sumber data untuk menghubungkan ke<asp: SiteMapDataSource>control.

<Asp: SiteMapDataSource> control otomatis menghubungkan ke file default sitemap (web.sitemap).

SiteMapPath

SiteMapPath kontrol menampilkan pointer (navigasi jalan) dari halaman saat ini. jalan tampaknya menunjuk ke halaman induk dapat mengklik pada link.

Dengan kontrol yang berbeda TreeView dan Menu, kontrol SiteMapPathtidak menggunakan SiteMapDataSource tersebut.SiteMapPath file default kontrol web.sitemap.

lampu Tip: Jika SiteMapPath tidak ditampilkan dengan benar, kemungkinan besar karena adanya kesalahan URL (kesalahan pencetakan) berkas web.sitemap.

contoh kode:

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

Dalam contoh di atas<asp: SiteMapPath> control merupakan tempat untuk menu navigasi server yang dibuat.