ASP.NET foi construído com controles de navegação
Web Site Navigation
Manter o menu de um grande site é difícil e demorado.
No ASP.NET o menu pode ser armazenado em um arquivo para torná-lo mais fácil de manter. Este arquivo é normalmente chamado web.sitemap , e é armazenado no diretório raiz da web.
Além disso, ASP.NET tem três novos controles de navegação:
- menus dinâmicos
- TreeViews
- Mapa do Site Path
O Arquivo Mapa do Site
O seguinte arquivo Sitemap é usado neste tutorial:
<?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>Regras para criar um arquivo sitemap:
- O arquivo XML deve conter um <siteMap> tag em torno do conteúdo
- O <siteMap> tag só pode ter um <siteMapNode> nó filho (the "home" page)
- Cada <siteMapNode> pode ter vários nós filho (web pages)
- Cada <siteMapNode> tem atributos que definem título da página e URL
Note: O arquivo de mapa do site deve ser colocado no diretório raiz da web e os URL atributos devem ser relativo ao diretório raiz.
dynamic menu
O <asp:Menu> controle exibe um menu de navegação do site padrão.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>O <asp:Menu> controle no exemplo acima é um espaço reservado para um menu de navegação do servidor criado.
A fonte de dados do controle é definido pela DataSourceId atributo. O id="nav1" o liga ao <asp:SiteMapDataSource> controle.
O <asp:SiteMapDataSource> controle liga automaticamente para o arquivo Sitemap padrão ( web.sitemap ) .
Clique aqui para ver uma demonstração de Menu, TreeView, e SiteMapPath
TreeView
O <asp:TreeView> controle exibe um menu de multi nível de navegação.
O menu parece com uma árvore com ramos que podem ser abertos ou fechados com + ou - símbolo.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>O <asp:TreeView> controle no exemplo acima é um espaço reservado para um menu de navegação do servidor criado.
A fonte de dados do controle é definido pela DataSourceId atributo. O id="nav1" o liga ao <asp:SiteMapDataSource> controle.
O <asp:SiteMapDataSource> controle liga automaticamente para o arquivo Sitemap padrão ( web.sitemap ) .
Clique aqui para ver uma demonstração de Menu, TreeView, e SiteMapPath
SiteMapPath
O controle SiteMapPath exibe a trilha (navigation path) para a página atual. O caminho atua como links clicáveis para as páginas anteriores.
Ao contrário do TreeView e Menu de controle do controle SiteMapPath que NOT usar um SiteMapDataSource. O controle SiteMapPath usa o arquivo web.sitemap por padrão.
Dicas: Se o SiteMapPath exibe incorretamente, provavelmente há um erro de URL (typo) no arquivo web.sitemap.
Code Example:
<form runat="server">
<asp:SiteMapPath runat="server" />
</form>A <asp:SiteMapPath> controle no exemplo acima é um espaço reservado para uma exibição local caminho do servidor criado.
Clique aqui para ver uma demonstração de Menu, TreeView, e SiteMapPath