Procedura dettagliata: modifica di dati tramite il controllo server Web ListView

Articolo
09/12/2008

Aggiornamento: novembre 2007

Il controllo ListView ASP.NET possiede una funzionalità incorporata che consente agli utenti di inserire, modificare o eliminare record senza alcuna attività di programmazione.

In questa procedura dettagliata viene illustrato come visualizzare e aggiornare i dati tramite il controllo ListView. Nella procedure viene utilizzato un controllo SqlDataSource per recuperare i risultati dall'origine dati e gestire gli aggiornamenti. Tale controllo funge da origine dati per ListView.

Di seguito vengono elencate le attività illustrate nella procedura dettagliata:

Visualizzazione dei dati restituiti da un database nel controllo ListView.
Aggiunta delle funzionalità di modifica, inserimento ed eliminazione di record al controllo ListView.

Prerequisiti

Per completare questa procedura dettagliata è necessario disporre dei seguenti elementi:

Visual Studio 2008 o Visual Web Developer 2008 Express Edition.
Accesso al database AdventureWorks di SQL Server. Per informazioni sul download e l'installazione del database di esempio AdventureWorks di SQL Server, vedere Installazione di database di esempio per Express Edition nel sito Web di Microsoft SQL Server.

Nota:

Per ulteriori informazioni sulle modalità di accesso a un computer sul quale è in esecuzione SQL Server, contattare l'amministratore del server.
Un nome utente e una password per un account di SQL Server che dispone dell'accesso al database AdventureWorks.

Nota:
Per ulteriori informazioni sulle modalità di accesso a un computer sul quale è in esecuzione SQL Server, contattare l'amministratore del server.

Creazione del sito Web

Se è già stato creato un sito Web, ad esempio completando la Procedura dettagliata: creazione di una pagina Web di base in Visual Web Developer, è possibile utilizzare quel sito e passare alla sezione successiva. In caso contrario, creare un sito Web e una pagina nuovi attenendosi alla procedura riportata di seguito.

Per creare un sito Web di file system

Aprire Visual Studio 2008 o Visual Web Developer 2008 Express Edition.
Scegliere Nuovo dal menu File, quindi fare clic su Sito Web. In caso di utilizzo di Visual Web Developer 2008 Express Edition, scegliere Nuovo°sito Web dal menu File.

Viene visualizzata la finestra di dialogo Nuovo sito Web.
In Modelli Visual Studio installati scegliere Sito Web ASP.NET.
Nella prima casella Percorso, selezionare File system; nella seconda casella, immettere il nome della cartella in cui salvare le pagine del sito Web.

Ad esempio, immettere il nome C:\WebSites\ModifyData.
Nell'elenco Linguaggio scegliere il linguaggio di programmazione da utilizzare.
Scegliere OK.

In Visual Studio°vengono create la cartella e una nuova pagina denominata Default.aspx.

Abilitazione degli utenti alla modifica dei dati tramite il controllo ListView

In questa sezione un controllo ListView verrà aggiunto alla pagina e configurato per visualizzare e modificare i dati della tabella Department del database AdventureWorks.

Per visualizzare e modificare i dati nel controllo ListView

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.

Aprire o passare al file Default.aspx.
Passare alla visualizzazione Progettazione.
Dalla scheda Dati della Casella degli strumenti, trascinare un controllo ListView nella pagina.
Nel menu AttivitàListView comuni, scegliere <Nuova origine dati…> dall'elenco a discesa Scegliorigine dati. Nella figura riportata di seguito viene illustrato il menu AttivitàListView comuni.

Verrà visualizzata la Configurazione guidata origine dati. Nella figura riportata di seguito viene illustrata 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 è visualizzata una pagina in cui è possibile scegliere di memorizzare 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.

Viene visualizzata la Configurazione guidata origine dati, in cui è possibile specificare i dati da recuperare dal database.

Selezionare l'opzione Specificare una stored procedure o un'istruzione SQL personalizzata. Nella figura riportata di seguito viene illustrata la procedura guidata Configura origine dati.

Configurare l'istruzione Select

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 per recuperare i dati del reparto dal database AdventureWorks.
```
SELECT  DepartmentID, Name, GroupName 
FROM    HumanResources.Department
```
È 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.
Fare clic sulla scheda AGGIORNA, quindi immettere la query SQL seguente per aggiornare i dati del reparto nel database AdventureWorks.
```
UPDATE HumanResources.Department 
SET    Name = @Name, GroupName = @GroupName 
WHERE  (DepartmentID = @DepartmentID)
```
Fare clic sulla scheda INSERISCI, quindi immettere la query SQL seguente per inserire i dati del reparto nel database AdventureWorks.
```
INSERT INTO HumanResources.Department(Name, GroupName)
VALUES (@Name, @GroupName)
```
Fare clic sulla scheda ELIMINA, quindi immettere la query SQL seguente per eliminare i dati del reparto dal database AdventureWorks.
```
DELETE FROM HumanResources.Department WHERE (DepartmentID = @DepartmentID)
```
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.
Fare clic con il pulsante destro del mouse sul controllo ListView, quindi scegliere Mostra smart tag.
Nel menu Attività ListView, fare clic su Configura ListView.

Verrà visualizzata la finestra di dialogo Configura ListView.

In Opzioni, selezionare le caselle di controllo Attiva modifica, Attiva inserimento e Attiva eliminazione. Nell'illustrazione seguente viene mostrata la finestra di dialogo Configura ListView.

Configurare ListView

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.

Scegliere OK. Il controllo ListView configurato può risultare simile a quanto mostrato nell'illustrazione seguente.

A questo punto è possibile eseguire il test del controllo ListView.

Per procedere alla verifica della pagina

Premere CTRL+F5 per eseguire la pagina.

Il controllo ListView viene visualizzato con le colonne IDReparto, Nome e NomeGruppo.
Fare clic sul pulsante Modifica per modificare un record nella tabella.
Modificare i valori e fare clic su Aggiorna, oppure fare clic su Annulla per annullare l'operazione di modifica.
Immettere i valori per i campi Nome e NomeGruppo al fondo della pagina e fare clic su Inserisci per inserire un nuovo record.
Fare clic sul pulsante Elimina del record appena inserito per eliminare il record dal database.

Passaggi successivi

In questa procedura dettagliata sono state illustrate le procedure di base per l'utilizzo di un controllo ListView per la visualizzazione e la modifica di record di dati tramite un layout personalizzato. Il controllo ListView consente di eseguire operazioni di formattazione più complesse rispetto a quelle descritte finora. Per esplorare altri scenari possibili con il controllo ListView, vedere Cenni preliminari sul controllo server Web ListView.