ASP.NET 2.0 - Điều hướng (Navigation)

ASP.NET 2.0 có các điều khiển điều hướng được xây dựng sẵn.

Điều hướng trang web

Việc bảo trì menu điều hướng của trang web lớn rất khó khăn và tốn thời gian.

Trong ASP.NET 2.0, menu có thể lưu trong tệp, giúp dễ dàng bảo trì hơn. Tệp này thường có tên là web.sitemapđược lưu trong thư mục gốc của trang web.

Ngoài ra, ASP.NET 2.0 có ba điều khiển điều hướng mới:

  • Dynamic menus
  • TreeViews
  • Đường dẫn Sitemap

Tệp Sitemap

Giáo trình này sử dụng tệp sitemap sau (bản đồ trang web):

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

Cách tạo tệp sitemap:

  • Tệp XML phải chứa thẻ <siteMap> bao quanh nội dung.
  • Thẻ <siteMap> chỉ có thể có một nút con <siteMapNode> (trang "home")
  • Mỗi <siteMapNode> có thể có nhiều nút con (trang web)
  • Mỗi <siteMapNode> có các thuộc tính xác định tiêu đề trang và URL.

Ghi chú:Tệp sitemap phải được lưu trong thư mục gốc của trang web, thuộc tính URL phải tương đối với thư mục gốc đó.

Dynamic Menu

Điều khiển <asp:Menu> có thể hiển thị menu điều hướng trang web tiêu chuẩn.

Mẫu mã:

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

Trong ví dụ trên <asp:Menu> kiểm soátLà một mẫu để server tạo menu điều hướng.

Nguồn dữ liệu của kiểm soát do Thuộc tính DataSourceIdđể định nghĩa.id="nav1" Kết nối với Kонтрол <asp:SiteMapDataSource>.

Kонтрол <asp:SiteMapDataSource>Sẽ tự động kết nối tệp sitemap mặc định (web.sitemap)。

Nhấp vào đây để xem DEMO của Menu.

TreeView

Kонтрол <asp:TreeView> có thể hiển thị menu điều hướng nhiều cấp.

Loại menu này trông giống như một cây có cành lá, có thể mở hoặc đóng bằng dấu + hoặc -.

Mẫu mã:

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

Trong ví dụ trên Kонтрол <asp:TreeView>Là một mẫu để server tạo menu điều hướng.

Nguồn dữ liệu của kiểm soát do Thuộc tính DataSourceIdđể định nghĩa.id="nav1" Kết nối với Kонтрол <asp:SiteMapDataSource>.

Kонтрол <asp:SiteMapDataSource>Sẽ tự động kết nối tệp sitemap mặc định (web.sitemap)。

Nhấp vào đây để xem DEMO của TreeView.

SiteMapPath

Kiểm soát SiteMapPath có thể hiển thị chỉ thị đến trang hiện tại (đường dẫn điều hướng). Đường dẫn này hiển thị dưới dạng liên kết nhấp vào để truy cập trang cấp trên.

Khác với các kiểm soát TreeView và Menu, kiểm soát SiteMapPathKhông sử dụng SiteMapDataSource. Kết nối mặc định của SiteMapPath là tệp web.sitemap.

Lưu ý:Nếu SiteMapPath không hiển thị chính xác, rất có thể là do có lỗi URL trong tệp web.sitemap.

Mẫu mã:

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

Trong ví dụ trên Kонтрол <asp:SiteMapPath>Là một mẫu để server tạo menu điều hướng.

Nhấp vào đây để xem DEMO của SiteMapPath.