Procedura: attivare la selezione predefinita nel controllo server Web GridView
Aggiornamento: novembre 2007
Nel controllo GridView di ASP.NET è incorporata una funzionalità di selezione che consente agli utenti di selezionare una riga nella griglia. La selezione di una riga in un controllo GridView non comporta implicitamente l'esecuzione di alcuna operazione. Tuttavia, aggiungendo la funzionalità di selezione, è possibile aggiungere alla griglia una funzionalità basata sulla selezione di una riga specifica da parte degli utenti. Gli utilizzi tipici dell'aggiunta di una funzionalità di selezione al controllo GridView includono quanto segue:
Quando un utente seleziona una riga, quest'ultima assume un aspetto differente.
Quando gli utenti selezionano una riga, i dati correlati vengono visualizzati in un altro punto della pagina, ad esempio in un controllo DetailsView.
Per accedere alla riga selezionata, utilizzare la proprietà SelectedRow.
Per eseguire azioni personalizzate quando un utente seleziona una riga, fornire un gestore per l'evento SelectedIndexChanging.
Procedure
Per attivare la selezione mediante smart tag
Nella visualizzazione Progettazione fare clic con il pulsante destro del mouse sul controllo GridView e quindi fare clic su Mostra smart tag.
Nel pannello smart tag selezionare Attiva selezione.
Per attivare la selezione predefinita mediante la proprietà AutoGenerateSelectButton
Selezionare il controllo GridView e impostare AutoGenerateSelectButton su true nella finestra Proprietà.
-oppure-
Nella visualizzazione Origine, impostare l'attributo AutoGenerateSelecttButton su true nell'elemento <asp:GridView>:
<asp:GridView Runat="server" ID="GridView1" AutoGenerateSelectButton="true" />
Per personalizzare l'aspetto di una riga in modalità di selezione
Impostare le proprietà relative allo stile SelectedRowStyle.
Se ad esempio si imposta la sottoproprietà BackColor dello stile SelectedRowStyle su grigio, le righe selezionate verranno visualizzate con lo sfondo grigio.
Per personalizzare il testo del pulsante Seleziona
Nella visualizzazione Progettazione fare clic con il pulsante destro del mouse sul controllo GridView e quindi fare clic su Mostra smart tag.
Fare clic su Modifica colonne.
Verrà visualizzata la finestra di dialogo Campi.
Fare clic su Seleziona in Campi selezionati.
Le proprietà dei campi vengono caricate nella griglia delle proprietà.
Sotto le proprietà CommandField, immettere nella proprietà SelectText un testo per il pulsante Seleziona.
Per sostituire il testo del pulsante Seleziona con un'immagine
Nella visualizzazione Progettazione fare clic con il pulsante destro del mouse sul controllo GridView e quindi fare clic su Mostra smart tag.
Fare clic su Modifica colonne.
Verrà visualizzata la finestra di dialogo Campi.
Fare clic su Seleziona in Campi selezionati.
Le proprietà dei campi vengono caricate nella griglia delle proprietà.
Sotto le proprietà CommandField, immettere o selezionare nel campo SelectImageUrl l'URL dell'immagine da utilizzare per il pulsante Seleziona.
Sotto le proprietà CommandField, selezionare Immagine nel campo ButtonType.
Scegliere OK.
Per visualizzare la riga selezionata in un controllo DetailsView
Copiare il controllo origine dati associato al controllo GridView e incollare nella pagina una copia del controllo origine dati.
Nella visualizzazione Progettazione, fare clic con il pulsante destro del mouse sul controllo origine dati e quindi fare clic su Mostra smart tag.
Fare clic su Configura origine dati....
Verificare che il campo Specificare la connessione dati che deve essere utilizzata dall'applicazione per connettersi al database sia impostato sulla stessa connessione utilizzata dal controllo GridView.
Scegliere Avanti.
Scegliere l'opzione Specificare le colonne di una tabella o vista.
Nell'elenco a discesa Nome, verificare che sia selezionata la stessa tabella associata al controllo GridView.
Sotto Colonne, selezionare le colonne della tabella da visualizzare nel controllo DetailsView.
Fare clic sul pulsante WHERE....
Verrà visualizzata la finestra Aggiungi clausola WHERE.
Nell'elenco a discesa Colonna, selezionare il nome della colonna da utilizzare nella clausola WHERE. Questa colonna deve essere una chiave primaria della tabella oppure contenere solo valori univoci per identificare la riga selezionata.
Selezionare Controllo nell'elenco a discesa Origine.
Nell'elenco a discesa ID controllo, selezionare l'ID del controllo GridView.
Scegliere Aggiungi.
Fare clic su OK, quindi su Avanti e infine su Fine.
Fare clic con il pulsante destro del mouse sul controllo DetailsView e scegliere Mostra smart tag.
Nell'elenco a discesa Scegli origine dati, selezionare il controllo origine dati appena configurato.
Vedere anche
Concetti
Modifica dei dati in un controllo server Web GridView