Procedura dettagliata: ordinamento semplice per il controllo server Web GridView

Aggiornamento: novembre 2007

È possibile utilizzare la funzionalità di ordinamento incorporata del controllo GridView ASP.NET per aggiungere l'ordinamento di colonne singole ai dati in uso senza scrivere alcun codice.

In particolare, vengono illustrate le seguenti operazioni:

• Attivazione della funzionalità di ordinamento incorporata del controllo GridView.

Prerequisiti

Per completare questa procedura dettagliata è necessario:

• Microsoft Visual Web Developer (Visual Studio).

• Accesso al database Northwind di SQL Server. Per informazioni su come scaricare e installare il database di esempio Northwind di SQL Server, vedere Installazione dei database di esempio 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.

• Nome utente e password per l'account di SQL Server che dispone dell'accesso al database Northwind.

• Microsoft Data Access Components (MDAC) 2.7 o versione successiva.

  Se si utilizza Microsoft Windows XP o Windows Server 2003, si dispone già di MDAC 2.7. Tuttavia, se si utilizza Microsoft Windows 2000, può essere necessario aggiornare la versione di MDAC già installata nel computer. Per ulteriori informazioni, vedere l'argomento "Microsoft Data Access Components (MDAC) Installation" in MSDN Library.

Creazione del sito e della pagina Web

Creare un nuovo sito Web nuovi attenendosi alla seguente procedura.

Per creare un sito Web di file system

1. Aprire Visual Web Developer.

2. Scegliere Nuovo dal menu File, quindi fare clic su Sito Web. Se si utilizza Visual Web Developer Express scegliere Nuovosito Web dal menu File.

   Viene visualizzata la finestra di dialogo Nuovo sito Web.

3. In Modelli Visual Studio installati fare clic su Sito Web ASP.NET.

4. Nella casella Percorso, selezionare File System e immettere il nome della cartella in cui salvare le pagine del sito Web.

   Ad esempio, digitare il nome della cartella C:\WebSites\SimpleSort.

5. Nell'elenco Linguaggio, fare clic su Visual Basic oppure su Visual C#.

6. Scegliere OK.

   In Visual Web Developer viene creata la cartella e aggiunta una nuova pagina denominata Default.aspx.

Visualizzazione dei dati nel controllo GridView

In questa sezione, verrà aggiunto un controllo GridView alla pagina e sarà configurato per visualizzare i dati della tabella Customers del database Northwind.

Per visualizzare i dati nel controllo GridView

1. Passare o aprire il file Default.aspx.

2. Passare alla visualizzazione Progettazione.

3. Trascinare un controllo GridView dal gruppo Dati della Casella degli strumenti nella pagina.

4. Dal menu Attività GridView, scegliere <New data source> nell'elenco a discesa ScegliereOrigine dati.

   Viene visualizzata la procedura guidata Configurazione guidata origine dati.

5. 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.

6. 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.

7. Scegliere OK.

   Viene visualizzata la procedura guidata Configura Origine dati.

8. Fare clic su Nuova connessione.

   Verrà visualizzata la finestra di dialogo Aggiungi connessione.

   • Se nell'elenco Origine dati non è visualizzato Microsoft SQL Server (SqlClient), fare clic su Cambia e selezionare Microsoft SQL Server nella finestra di dialogo Modifica origine dati.

   • Se viene visualizzata la pagina Scegli origine dati, selezionare il tipo di origine dati da utilizzare nell'elenco Origine dati. Per questa procedura dettagliata il tipo di origine dati è Microsoft SQL Server. Nell'elenco Provider di dati, fare clic su Provider di dati .NET Framework per SQL Server, quindi scegliere Continua.

9. Nella casella Nome server, immettere il nome del computer SQL Server.

10. Nella sezione Accesso al server, selezionare l'opzione appropriata per la configurazione di SQL Server (autenticazione Windows oppure ID e password specifici).

11. Se richiesti, immettere un nome utente e una password.

12. Selezionare Northwind dalla casella Seleziona o immetti nome di database.

13. Fare clic sul pulsante Test connessione per verificare la connessione. Dopo la verifica di esito positivo della connessione, scegliere OK.

    Si ritorna alla procedura guidata Configura origine dati - SqlDataSource1 in cui sono inserite le informazioni relative alla connessione.

14. 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 alla memorizzazione nella pagina.

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

15. Accertarsi che sia stata selezionata la casella di controllo Sì, salva la connessione con nome e scegliere Avanti. È possibile lasciare il nome predefinito della stringa di connessione.

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

16. Selezionare Customers nell'elenco a discesa Nome nella casella Specificare le colonne di una tabella o visualizzazione.

17. In Colonne, selezionare lecaselle di controllo CustomerID, CompanyName e City .

    Nella procedura guidata viene visualizzata l'istruzione SQL in fase di creazione in una casella nella parte inferiore della pagina.

    Nota:
    La procedura guidata consente di specificare i criteri di selezione (le clausole WHERE) e altre opzioni query SQL. Per questa procedura dettagliata, sarà creata un'istruzione semplice senza opzioni di selezione o ordinamento.

18. Scegliere Avanti.

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

20. Fare clic su Fine.

    Nella procedura guidata viene creato un controllo SqlDataSource e aggiunto alla pagina. Il controllo GridView aggiunto in precedenza viene 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 SelectQuery.

21. Fare clic con il pulsante destro del mouse sul controllo GridView, fare clic su Mostra smart tag, quindi scegliere Attiva ordinamento dal menu Attività GridView.

    Le intestazioni di colonna nel controllo GridView sono modificate in collegamenti.

È ora possibile eseguire il test della pagina.

Per eseguire il test della pagina

1. Premere CTRL+F5 per eseguire la pagina.

   Il controllo GridView viene visualizzato con le colonne CustomerID, CompanyName e City.

2. Fare clic su una delle intestazioni di colonna per ordinarne il contenuto.

3. Fare clic di nuovo su una colonna per passare tra l'ordinamento crescente e quello decrescente.

Passaggi successivi

Prendere in considerazione anche l'attivazione di un ordinamento di più colonne per un controllo GridView. Per ulteriori informazioni, vedere Ordinamento dei dati in un controllo server Web GridView.

Vedere anche

Concetti

Ordinamento dei dati in un controllo server Web GridView

Riferimenti

Cenni preliminari sul controllo server Web GridView