Procedura dettagliata: visualizzazione, paging e ordinamento dei dati utilizzando il controllo server Web ListView

Aprire Visual Studio o Visual Web Developer Express.

Scegliere Nuovo sito Web dal menu File.

Verrà visualizzata la finestra di dialogo Nuovo sito Web.

In Modelli installati fare clic su Visual Basic o VisualC#, quindi selezionare Sito Web ASP.NET.

Nella casella PercorsoWeb selezionare File system, quindi immettere il nome della cartella in cui archiviare le pagine per il sito Web.

Digitare, ad esempio, il nome di cartella C:\WebSites.

Scegliere OK.

In Visual Studio verrà creato un progetto di sito Web che include funzionalità predefinite per il layout (una pagina master, le pagine contenuto Default.aspx e About.aspx e un foglio di stile CSS), per AJAX (file di script client) e per l'autenticazione (appartenenza ASP.NET).

Se il sito Web non dispone di una cartella App_Data, in Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto, scegliere Aggiungi cartella ASP.NET, quindi App_Data.

In Esplora soluzioni fare clic con il pulsante destro del mouse sulla cartella App_Data, quindi scegliere Aggiungi elemento esistente.

Verrà visualizzata la finestra di dialogo Aggiungi elemento esistente.

Immettere il percorso del file di database AdventureWorks (AdventureWorks_Data.mdf).

Per impostazione predefinita, il file MDF viene installato nel percorso C:\Program Files\Microsoft SQL Server\MSSQL.1\MSSQL\Data\AdventureWorks_Data.mdf.

Nota
Verrà creata una copia del file di database nel progetto. Poiché il file è di grandi dimensioni, nel caso risulti poco pratico farne una copia è possibile connettersi ad esso utilizzando un metodo alternativo, ad esempio allegandolo direttamente. La relativa procedura non verrà tuttavia analizzata in questa procedura dettagliata.

In Esplora soluzioni fare clic con il pulsante destro del mouse sul progetto e scegliere Aggiungi nuovo elemento.

Verrà visualizzata la finestra di dialogo Aggiungi nuovo elemento.

In Modelli installati selezionare Visual Basic o Visual C#, quindi selezionare Web Form.

Immettere Sample.aspx come nome della nuova pagina Web, quindi fare clic su Aggiungi.

Passare alla visualizzazione Progettazione.

Nella scheda Dati della Casella degli strumenti trascinare un controllo ListView nella pagina.

Dal menu Attività ListView comuni, scegliere <Nuova origine dati…> nell'elenco a discesa Scegliorigine dati.

Verrà visualizzata la Configurazione guidata origine dati.

Fare clic su Database.

Con tale procedura si specifica che si desidera ottenere dati da un database che supporta le istruzioni SQL, inclusi SQL Server e altri database compatibili con OLE-DB.

Nella casella Specificare l'ID dell'origine dati viene visualizzato un nome di controllo origine dati predefinito, vale a dire SqlDataSource1. È possibile lasciare inalterato il nome.

Scegliere OK.

Verrà visualizzata la procedura guidata Configura origine dati.

In Specificare la connessione dati che deve essere utilizzata dall'applicazione per connettersi al database, selezionare AdventureWorks_Data.mdf dall'elenco.

Scegliere Avanti.

Nella procedura guidata viene visualizzata una pagina in cui è possibile scegliere di archiviare la stringa di connessione nel file di configurazione. La memorizzazione della stringa di connessione nel file di configurazione comporta due vantaggi:

• Maggiore sicurezza rispetto all'archiviazione nella pagina.

• Possibilità di utilizzare la stessa stringa di connessione in più pagine.

Accertarsi che sia stata selezionata la casella di controllo Sì, salva la connessione con nome, quindi fare clic su Avanti. È possibile lasciare il nome della stringa di connessione predefinito.

Nella procedura guidata viene visualizzata una pagina in cui è possibile specificare i dati da recuperare dal database.

Selezionare l'opzione Specificare una stored procedure o un'istruzione SQL personalizzata.

Nota
Di norma, verrebbe utilizzata l'opzione Specificare le colonne di una tabella o visualizzazione. Tuttavia, poiché il database AdventureWorks dispone di nomi dello schema, in questa procedura dettagliata verrà creata un'istruzione SQL personalizzata.

Scegliere Avanti.

Nella pagina Definisci stored procedure o istruzioni personalizzate immettere la seguente query SQL, che recupera i dati sui contatti dal database AdventureWorks.

SELECT  ContactID, FirstName, LastName, EmailAddress
FROM    Person.Contact

È anche possibile fare clic su Generatore di query e utilizzare la finestra Generatore di query per creare una query e convalidarla tramite il pulsante Esegui query.

Nota
La procedura guidata consente di specificare i criteri di selezione (clausole Where) e altre opzioni delle query SQL. Per questa procedura dettagliata verrà creata un'istruzione semplice senza alcun criterio di ordinamento o selezione.

Scegliere Avanti.

Fare clic su Test query per accertarsi di recuperare i dati desiderati.

Fare clic su Fine.

Nella procedura guidata viene creato un controllo SqlDataSource e aggiunto alla pagina. Il controllo ListView aggiunto in precedenza è associato al controllo SqlDataSource.

Se si visualizzano le proprietà per il controllo SqlDataSource, verrà visualizzata la procedura guidata con cui sono stati creati i valori delle proprietà ConnectionString e SelectCommand.

Fare clic con il pulsante destro del mouse sul controllo ListView, quindi scegliere Mostra smart tag.

Nel menu Attività ListView comuni, fare clic su Configura ListView.

Verrà visualizzata la finestra di dialogo Configura ListView.

Selezionare Abilita paging.

Nota
È possibile inoltre selezionare un stile diverso che semplifichi la visualizzazione dei dati. A tal proposito, in Selezionare uno stile, selezionare un stile quale ad esempio A colori.

Nella procedura guidata vengono creati i modelli per il controllo ListView, in base alle colonne nella query. È possibile personalizzare il layout modificando i modelli che contengono i relativi elementi, controlli ed espressioni di associazione.

Scegliere OK.

Premere CTRL+F5 per eseguire la pagina.

Il controllo ListView viene visualizzato con le colonne IDContatto, Nome, Cognome e IndirizzoPostaElettronica.

Fare clic sui pulsanti Primo, Indietro, Avanti e Ultimo nella parte inferiore della pagina per spostarsi tra i dati.

Al termine chiudere il browser.

Nel file Default.aspx passare alla visualizzazione Origine.

Nella scheda Standard della Casella degli strumenti trascinare due controlli Button e rilasciarli dopo l'elemento table contenuto nell'elemento LayoutTemplate.

Nella finestra Proprietà, modificare le proprietà dei pulsanti come segue:

• Per il primo pulsante, impostare la proprietà Text su "Ordina per nome", la proprietà CommandName su "Ordina" e CommandArgument su "Nome".

• Per il secondo pulsante, impostare le proprietà Text su "Ordina per cognome", la proprietà CommandName su "Ordina" e CommandArgument su "Cognome".

Le proprietà CommandArgument del pulsante sono impostate su un'espressione di ordinamento. Nel caso dei dati di database, si tratta in genere del nome di una colonna.

Salvare la pagina.

Premere CTRL+F5 per eseguire la pagina.

Fare clic sui pulsanti Ordina per nome e Ordina per cognome per ordinare i dati in diversi modi.

Fare ripetutamente clic su un pulsante per passare da ordine crescente a ordine decrescente e viceversa.