Latest web development tutorials

navegação ASP.NET

ASP.NET com controles de navegação embutidos.

site Navigation

Manutenção de grandes áreas e é difícil de menu demorado.

No ASP.NET, o menu pode ser armazenado num arquivo, de modo fácil de manter. Arquivo normalmente chamadoweb.sitemap, e é armazenado no diretório raiz do seu site.

Além disso, ASP.NET tem três controles de navegação do núcleo:

  • menus dinâmicos
  • TreeViews
  • Mapa do Site Path

arquivo Sitemap

Neste tutorial, usamos o seguinte arquivo de mapa do site:

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

Criar regras de arquivo de mapa do site:

  • documento XML deve conter sobre o conteúdo da tag <Sitemap>
  • <SiteMap> tag só pode ter um <siteMapNode> nó filho ( "casa" da página)
  • Cada <siteMapNode> pode ter vários nós filho (web)
  • Cada <siteMapNode> com propriedade define o título da página e URL

lâmpadaNota: arquivo Sitemapdeve estar localizado no diretório raiz do site, os atributos de URL deve ser relativo ao diretório raiz.

menu dinâmico

<Asp: Menu> controle exibe um padrão de menu de navegação do site.

exemplos de código:

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

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

No exemplo acima,<asp: Menu> controle é um espaço reservado para um menu de navegação do servidor criado.

controles de fonte de dadosDataSourceID definição de atributo.id = "NAV1" fonte de dados para se conectar aocontrole <asp: SiteMapDataSource>.

<Asp: SiteMapDataSource> controle liga automaticamente para o arquivo de mapa do site padrão (web.sitemap).

TreeView

<Asp: TreeView> controle exibe um menu de navegação multi-nível.

Este menu se parece com uma árvore com galhos que, por sinal + ou - para abrir ou fechar.

exemplos de código:

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

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

No exemplo acima,<asp: TreeView> controle é um espaço reservado para um menu de navegação do servidor criado.

controles de fonte de dadosDataSourceID definição de atributo.id = "NAV1" fonte de dados para se conectar aocontrole <asp: SiteMapDataSource>.

<Asp: SiteMapDataSource> controle liga automaticamente para o arquivo de mapa do site padrão (web.sitemap).

SiteMapPath

SiteMapPath o controle exibe um ponteiro (o caminho de navegação) da página atual. O caminho parece apontar para a página pai pode clicar no link.

Com diferentes controles TreeView e Menu, controle SiteMapPathnão usa o SiteMapDataSource.SiteMapPath arquivo padrão de controle web.sitemap.

lâmpada Dica: Se o SiteMapPath não é exibido corretamente, provavelmente devido à presença de erros de URL (erro de impressão) arquivo web.sitemap.

exemplos de código:

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

No exemplo acima,<asp: SiteMapPath> controle é um espaço reservado para um menu de navegação do servidor criado.