ASP.NET 2.0 - Navigasi (Navigation)

ASP.NET 2.0 memiliki kontrol navigasi bawaan.

Navigasi Situs

Memelihara menu navigasi situs besar adalah suatu hal yang sulit dan memakan waktu.

Dalam ASP.NET 2.0, menu dapat disimpan di berkas, sehingga pengelolaannya lebih mudah. Berkas ini biasanya dinamai web.sitemap, disimpan di direktori root situs.

Selain itu, ASP.NET 2.0 memiliki tiga kontrol navigasi baru:

  • Menu Dinamis
  • TreeViews
  • Jalur Peta Situs

Berkas Sitemap

Panduan ini menggunakan berkas sitemap berikut (peta situs):

<?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 berkas sitemap:

  • Berkas XML harus mengandung tandakan <siteMap> yang mengelilingi konten
  • Tandakan <siteMap> hanya dapat memiliki satu node anak <siteMapNode> (halaman "home")
  • Setiap <siteMapNode> dapat memiliki beberapa node anak (halaman web)
  • Setiap <siteMapNode> memiliki atribut untuk menentukan judul halaman dan URL

Keterangan:Berkas sitemap harus disimpan di direktori root situs, atribut URL harus relatif terhadap direktori root.

Menu Dinamis

Kontrol <asp:Menu> dapat menampilkan menu navigasi situs standar.

代码实例：

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

Dalam contoh di atas <asp:Menu> 控件是一个供服务器创建导航菜单的占位符。

控件的数据源由 DataSourceId 属性进行定义。id="nav1" 把它连接到 <asp:SiteMapDataSource> 控件。

<asp:SiteMapDataSource> 控件会自动连接默认的 sitemap 文件(web.sitemap)。

点击此处查看 Menu 的 DEMO。

TreeView

<asp:TreeView> 控件可显示多级导航菜单。

这种菜单看上去像一棵带有枝叶的树，可通过 + 或 - 符号来打开或关闭。

代码实例：

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

上面例子中的 <asp:TreeView> 控件是一个供服务器创建导航菜单的占位符。

控件的数据源由 DataSourceId 属性进行定义。id="nav1" 把它连接到 <asp:SiteMapDataSource> 控件。

<asp:SiteMapDataSource> 控件会自动连接默认的 sitemap 文件(web.sitemap)。

点击此处查看 TreeView 的 DEMO。

SiteMapPath

SiteMapPath 控件可显示指向当前页面的指针（导航路径）。该路径显示为指向上级页面的可点击链接。

与 TreeView 和 Menu 控件不同，SiteMapPath 控件不使用 SiteMapDataSource。SiteMapPath 控件默认使用 web.sitemap 文件。

提示：如果 SiteMapPath 没有正确显示，很可能是由于 web.sitemap 文件中存在 URL 错误。

代码实例：

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

上面例子中的 <asp:SiteMapPath> 控件是一个供服务器创建导航菜单的占位符。

点击此处查看 SiteMapPath 的 DEMO。