Utilizando imagens com o sitemap

Os mapas de site são um novo e muito interessante recurso do ASP.NET 2.0. Mas além de seus recursos básicos, os mapas de site guardam truques bem interessantes : Os atributos do mapa de site são personalizáveis, podemos criar atributos adicionais.

Um exemplo disso é a possibilidade de criar uma imagem representando cada elemento do mapa do site. Podemos adicionar a imagem como um elemento a mais em cada nó, veja um exemplo :

<siteMapNode url="default.aspx" title="Front of Site" description="Front of Site" imageurl="~/images/IssueTracker.gif">

Em seguida podemos utilizar esta imagem na exibição do mapa do site. O ideal é, neste caso, utilizar uma treeview. Podemos então programar o evento TreeNodeDataBound da treeview para exibir uma imagem associada com cada nó do site, veja :

Protected Sub TreeView1_TreeNodeDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.TreeNodeEventArgs) Handles TreeView1.TreeNodeDataBound

Dim s As SiteMapNode
s = e.Node.DataItem
e.Node.ImageUrl = s("imageurl")
End Sub