ASP.NET 2.0 - Navigasi (Navigation)

ASP.NET 2.0 mempunyai pengawal navigasi binaan.

Navigasi Laman Website

Mengelola menu navigasi laman besar adalah sukar dan memakan masa.

Dalam ASP.NET 2.0, menu boleh disimpan di dalam fail, yang menjadikan pemeliharaannya lebih mudah. Fail ini biasanya dinamakan web.sitemap, disimpan di dalam direktori utama laman.

Di samping itu, ASP.NET 2.0 mempunyai tiga pengawal navigasi baru:

  • Menu Dinamik
  • TreeViews
  • Laluan Peta Laman

Fail Sitemap

Panduan ini menggunakan fail sitemap di bawah ini (peta laman):

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

Peraturan untuk membuat fail sitemap:

  • Fail XML mesti mengandungi tanda <siteMap> yang melingkungi kandungan.
  • Tanda <siteMap> hanya boleh mempunyai satu node anak <siteMapNode> (laman 'home').
  • Setiap <siteMapNode> boleh mempunyai beberapa buah node anak (laman web).
  • Setiap <siteMapNode> mempunyai atribut untuk menentukan tajuk laman dan URL.

Keterangan:fail sitemap mesti disimpan di dalam direktori utama laman, atribut URL mesti bersangkutan dengan direktori utama itu.

Menu Dinamik

Kawalan <asp:Menu> boleh papar menu navigasi laman 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。