Visitatori: 764

In questa lezione vedremo come aggiungere alla nostra Master Page un menu di navigazione che ci consenta di spostarci tra le sezioni del nostro sito. Poichè per tutta la durata del corso utilizzeremo e miglioreremo questa Master Page è conveniente che fin da adesso inseriamo le voci di menu che corrisponderanno alle sezioni che andremo ad aggiungere; quindi le seguenti voci di menu, divise in MACROAREE:

HOME

ACCESSO AI DATI TRAMITE I CONTROLLI GRIDVIEW E DETAILSVIEW

• Introduzione ai controlli ASP.NET per l'accesso ai dati
• Visualizzare i dati tramite una GridView
• GridView con Template Column
• Modificare i dati tramite un DetailsView

Andiamo ad aggiungere una Site Map al nostro Sito Web una Site Map. Una Site Map è un file XML in cui vengono inseriti i nodi in questa forma:

<siteMapNode url="Default.aspx" title="Home Page" description="Home Page">

...eventuali sottonodi...

</siteMapNode>

Ogni nodo rappresenta un link, ovvero una pagina del nostro Sito Web.

Da esplora soluzioni clicchiamo col tasto destro del mouse sul nostro Sito Web e selezioniamo "aggiungi nuovo elemento": quindi scegliamo Mappa del Sito o Site Map.

Lasciate il nome proposto e cliccate su aggiungi. VWD aprirà la Web.sitemap appena aggiunta in visualizzazione codice. Come potete notare vengono aggiunti alcuni nodi di default. Modificate la Site Map in modo da avere il seguente codice:

Adesso dobbiamo aggiungere il menu nel nostro <div> ColonnaSinistra della Master Page. Per fare ciò dalla Casella degli Strumenti utilizzeremo il controllo Repeater. Selezionate il componente che si trova nella categoria "Dati" e trascinatelo nel div suddetto. Avremo questa situazione:

A questo punto dal Menu contestuale del componente accessibile tramite la freccetta che vedete in Figura, selezionate "Nuova Origine Dati" che ci permette di stabilire dove andare a prendere i dati da visualizzare nel Repeater. Poichè utilizzeremo la Site Map del nsotro sito selezionate Site Map nella schermata proposta:

Lasciate il nome proposto e confermate. Verrà aggiunta in automatico una Site Map DataSource che va a vedere se nel sito è presente una Site Map e la carica altrimenti viene restituito un errore. Attenzione che il nome della Site Map deve essere Web.sitemap ovvero quello proposto in automatico da VWD.

Dobbiamo adesso "istruire" il Repeater affinchè visualizzi esattamente le informazioni che ci servono. Inserite il seguente codice all'interno del Repeater:

In questo modo abbiamo creato un ItemTemplate in cui visualizziamo un link che legge l'URL dalla Site Map e la imposta nella proprietà href del link e imposta il valore di Title (prelevato sempre dal campo Title del nodo della Site Map) come descrizione del link. Ciò tuttavia non è sufficiente, infatti se mandate in esecuzione la pagina avremo:

Ovvero vengono visualizzati solo i nodi principali della Site Map e non i sotto nodi. Per ottenere ciò dobbiamo dire al repeater di processare anche i sotto nodi della Site Map. Insriremo un altro repeater all'interno dell'Item Template:

In questo modo verrano letti anche i sottonodi e visualizzati i rispettivi Link.

Nei prossimi 2 articoli vedremo come visualizzare i dati di una tabella di un database in una GridView.

Utilizzeremo Microsoft Sql Server 2005 Express per creare il nostro database. Per chi non l'avesse ancora installato potete scaricarlo a questo idirizzo:

Ms SqlServer 2005 Express

Esiste inoltre un Tool che consente di gestire database SqlServer in maniera Visuale. E' un tool gratuti fornito da Microsoft che trovare a questo link:

Microsoft SQL Server Management Studio Express

 

Lezione precedente | Indice degli articoli | Lezione Successiva