Condividi tramite


Procedura dettagliata: visualizzazione di dati formattati nelle pagine Web con il controllo server Web FormView

Aggiornamento: novembre 2007

In ASP.NET sono forniti vari controlli che consentono di visualizzare e modificare i record di dati. In questa procedura dettagliata, sarà utilizzato il controllo FormView, in cui viene utilizzato un singolo record di dati per volta. La funzionalità principale del controllo FormView consiste nel fornire la possibilità di creare il layout del record mediante la definizione di modelli. Mediante l'utilizzo di questi modelli, viene fornito un controllo completo sul layout e sull'aspetto dei dati all'interno del controllo. Il controllo FormView supporta anche aggiornamenti quali la modifica, l'inserimento e l'eliminazione dei record di dati. Se nell'origine dati vengono forniti più record al controllo FormView, il controllo consentirà di eseguire il paging tra i singoli record.

Nota:

È anche possibile modificare singoli record di dati con il controllo DetailsView che fornisce un layout predefinito per i dati. Per informazioni, vedere Informazioni generali sul controllo server Web DetailsView.

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

  • Creazione di una pagina per visualizzare informazioni Master-Details.

  • Utilizzo di un controllo FormView per creare un layout in formato libero per un record di dati.

  • Configurazione del controllo FormView per consentire la modifica.

Prerequisiti

Per completare questa procedura dettagliata è necessario:

  • Microsoft Visual Web Developer.

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

  • 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 Web

Creare un sito e una pagina Web nuovi mediante la procedura indicata di seguito.

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, immettere il nome della cartella in cui salvare le pagine del sito Web.

    Ad esempio, digitare il nome di cartella C:\WebSites\FormViewData.

  5. Nell'elenco Linguaggio scegliere il linguaggio di programmazione con cui lavorare.

  6. Scegliere OK.

    La cartella viene creata insieme a una nuova pagina chiamata Default.aspx.

Utilizzo di un elenco a discesa come master

In questa parte della procedura dettagliata, alla pagina sarà aggiunto un elenco a discesa, che verrà compilato con un elenco di nomi di prodotti. Quando si seleziona un prodotto, nella pagina saranno visualizzati i dettagli di quel prodotto in un controllo FormView.

Per creare e compilare un elenco a discesa

  1. Passare alla pagina Default.aspx oppure aprirla. In caso di utilizzo di un sito Web già creato, aggiungere o aprire una pagina da utilizzare in questa procedura dettagliata.

  2. Passare alla visualizzazione Progettazione.

  3. Nella pagina, digitare Display Product Information.

  4. Dal gruppo Standard della Casella degli strumenti, trascinare un controllo DropDownList nella pagina.

  5. Se non viene visualizzato il menu di scelta rapida Attività DropDownList, fare clic con il pulsante destro del mouse sul controllo DropDownList e, successivamente, su Mostra smart tag.

  6. Selezionare la casella di controllo Attiva AutoPostBack dal menu AttivitàDropDownList.

  7. Fare clic su Scegli origine dati per avviare la Configurazione guidata origine dati.

  8. Scegliere <Nuova origine dati> dall'elenco Selezionare un'origine dati.

  9. Fare clic su Database.

    Viene specificato che si desidera ottenere dati da un database che supporta le istruzioni SQL.

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

  10. Scegliere OK.

    Nella procedura guidata viene visualizzata una pagina in cui è possibile selezionare una connessione.

  11. Scegliere il pulsante Nuova connessione.

    Viene visualizzata la finestra di dialogo Aggiungi connessione.

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

    • 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 fare clic su Continua.

  12. Nella finestra di dialogo Aggiungi connessione, effettuare le seguenti operazioni:

    1. Nella casella Nome server, immettere il nome del computer sul quale è in esecuzione SQL Server.

    2. Per le credenziali di accesso, selezionare l'opzione appropriata per accedere al database di SQL Server (sicurezza integrata oppure una password e un ID specifici) in esecuzione e, se richiesto, immettere un nome utente e una password. Se è stata immessa una password, selezionare la casella di controllo Salva password.

    3. Selezionare Seleziona o immetti nome di database, quindi immettere Northwind.

    4. Fare clic su Test connessione e, dopo avere verificato il funzionamento della connessione, scegliere OK.

    Si ritorna alla procedura guidata e le informazioni di connessione vengono compilate.

  13. Fare clic su Avanti.

  14. Accertarsi che la casella di controllo Sì, salva la connessione con nome sia selezionata, quindi 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.

  15. Fare clic su Specificare le colonne di una tabella o visualizzazione.

  16. Nell'elenco Nome, fare clic su Products.

  17. In Colonne, selezionare ProductID e ProductName.

  18. Fare clic su Avanti.

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

  20. Fare clic su Fine.

    Si ritorna alla procedura guidata.

  21. Nell'elenco Selezionare un campo dati da visualizzare in DropDownList, fare clic su ProductName.

  22. Dall'elenco Selezionare un campo dati da cui ottenere il valore di DropDownList, selezionare ProductID.

    Viene specificato che quando si seleziona un elemento, il campo ProductID sarà restituito come valore dell'elemento.

  23. Scegliere OK.

Prima di procedere, eseguire il test dell'elenco a discesa.

Per eseguire il test dell'elenco a discesa.

  1. Premere CTRL+F5 per eseguire la pagina.

  2. Quando viene visualizzata la pagina, esaminare l'elenco a discesa.

  3. Selezionare un nome di prodotto per accertarsi che nell'elenco sia eseguito un postback.

Aggiunta di un controllo FormView

È ora possibile aggiungere un controllo FormView per visualizzare i dettagli del prodotto. Il controllo FormView ottiene i dati da un secondo controllo origine dati che viene aggiunto alla pagina. Nel secondo controllo origine dati è contenuta una query con parametri che consente di ottenere il record dei prodotti per l'elemento correntemente selezionato nel controllo DropDownList.

Per aggiungere un controllo FormView

  1. Dal gruppo Dati della Casella degli strumenti, trascinare un controllo FormView nella pagina.

  2. Se non viene visualizzato il menu Attività FormView, fare clic con il pulsante destro del mouse sul controllo FormView e scegliere Mostra smart tag.

  3. Scegliere <Nuova origine dati> dall'elenco Scegli origine dati del menu Attività FormView.

    Verrà visualizzata la finestra di dialogo Configurazione guidata origine dati.

  4. Fare clic su Database.

    Il controllo FormView otterrà i dati dalla stessa tabella del controllo DropDownList.

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

  5. Scegliere OK.

    Viene avviata la procedura guidata Configura origine dati.

  6. Dall'elenco Specificare la connessione dati che deve essere utilizzata dall'applicazione per connettersi al database, selezionare la connessione creata e memorizzata in precedenza nella procedura dettagliata.

  7. Fare clic su Avanti.

    Nella procedura guidata viene visualizzata una pagina in cui è possibile creare un'istruzione SQL.

  8. Dall'elenco Nome, in Specificare le colonne di una tabella o visualizzazione, selezionare Products.

  9. Nella casella Colonne, selezionare ProductID, ProductName e UnitPrice.

  10. Fare clic sul pulsante WHERE.

    Viene visualizzata la finestra di dialogo Aggiungi clausola WHERE.

  11. Dall'elenco Colonna, selezionare ProductID.

  12. Dall'elenco Operatore, selezionare =.

  13. Dall'elenco Origine, selezionare Controllo.

  14. In Proprietà parametro, selezionare DropDownList1 nell'elenco ID controllo.

    Nei due passaggi precedenti viene specificato che la query otterrà il valore di ricerca per il controllo ID dal controllo DropDownList aggiunto in precedenza.

  15. Fare clic su Aggiungi.

  16. Scegliere OK per chiudere la finestra di dialogo Aggiungi clausola WHERE.

  17. Fare clic su Avanzate.

    Viene visualizzata la finestra di dialogo Opzioni di generazione SQL avanzate.

  18. Selezionare la casella di controllo Genera istruzioni INSERT, UPDATE e DELETE.

    In tal modo, nella procedura guidata vengono create istruzioni di aggiornamento SQL basate sull'istruzione Select configurata. Più avanti, nella procedura dettagliata, sarà utilizzato il controllo FormView per modificare e inserire record, operazioni per le quali sono richieste istruzioni di aggiornamento nel controllo origine dati.

  19. Scegliere OK.

  20. Fare clic su Avanti.

  21. Nella pagina Anteprima, fare clic su Test query.

    Nella procedura guidata viene visualizzata una finestra di dialogo in cui è richiesto un valore da utilizzare nella clausola WHERE.

  22. Nella casella Valore, digitare 4, quindi scegliere OK.

    Vengono visualizzate le informazioni di prodotto.

  23. Fare clic su Fine.

Personalizzazione del layout nel controllo FormView

L'utilizzo del controllo FormView consente di definire il layout del record visualizzato. In questa sezione della procedura dettagliata, verrà personalizzato il layout del record mediante la modifica di un modello. Per il layout, sarà utilizzata una tabella HTML.

Per formattare il layout

  1. Fare clic sul controllo FormView per selezionarlo, quindi trascinare il quadratino di ridimensionamento sul lato destro del controllo per fare in modo che le dimensioni del controllo siano identiche a quelle della pagina.

  2. Trascinare il quadratino di ridimensionamento nella parte inferiore del controllo per modificare l'altezza del controllo a circa 400 pixel. L'altezza esatta non è importante.

  3. Fare clic con il pulsante destro del mouse sul controllo, scegliere Modifica modello, quindi fare clic su ItemTemplate.

    Il controllo viene rivisualizzato in modalità di modifica del modello di elemento. Nel modello di elemento sono contenuti il testo statico e i controlli utilizzati per visualizzare il record di dati quando la pagina viene eseguita. Per impostazione predefinita, in Visual Web Developer il modello di elemento viene compilato con un controllo con associazione a dati Label per ciascuna colonna di dati nell'origine dati. Inoltre, in Visual Web Developer viene generato un testo statico per ciascuna etichetta in modo che funzioni da didascalia.

    Inoltre, il modello viene generato con tre controlli LinkButton con il testo Edit, Delete e New.

  4. Immettere il punto di inserimento nella parte superiore del modello di elemento, premere INVIO alcune volte per creare spazio e nella parte superiore del modello, digitare Product Details in modo che funzioni da intestazione.

  5. Posizionare il cursore al di sotto dei controlli e del testo statico quindi, nel menu Layout, fare clic su Inserisci tabella.

    Con questa procedura si crea una tabella HTML come contenitore per il testo e i controlli.

  6. Nella finestra di dialogo Inserisci tabella impostare Righe su 4 e Colonne su 2.

  7. Fare clic su OK per chiudere la finestra di dialogo Inserisci tabella.

  8. Selezionare tutte le celle nella tabella, quindi scegliere Formattazione celle dal menu Tabella.

    Verrà visualizzata la finestra di dialogo Proprietà cella.

  9. Impostare Larghezza su 35 pixel (px) e Altezza su 30 pixel (px).

  10. Scegliere OK per chiudere la finestra di dialogo Proprietà cella.

  11. Trascinare il controllo ProductIdLabel nella cella in alto a destra.

  12. Trascinare il controllo ProductNameLabel nella seconda cella in alto a destra.

  13. Trascinare il controllo UnitPriceLabel nella terza cella in alto destra.

  14. Nella colonna di sinistra, digitare il testo statico, in modo che funzioni da didascalia per i controlli Label. Ad esempio, nella cella accanto al controllo ProductIdLabel, digitare ID. È possibile digitare un qualsiasi testo di didascalia.

  15. Fare clic con il pulsante destro del mouse sulla colonna di sinistra, scegliere Seleziona, quindi fare clic su Colonna.

  16. Nella finestra Proprietà, impostare align su right per eseguire l'allineamento a destra del testo di didascalia.

  17. Selezionare la colonna di destra e trascinarne il bordo destro per allargare la tabella fino a visualizzare i nomi di prodotto lunghi.

  18. Selezionare il testo generato da Visual Web Developer (ad esempio, il testo ProductID) ed eliminarlo.

  19. Fare clic con il pulsante destro del mouse sulla barra del titolo del controllo FormView e fare clic su Termina modifica modello.

    L'editor di modelli viene chiuso e viene visualizzato il controllo con il layout creato.

Test del controllo FormView

È ora possibile eseguire il test del layout.

Per eseguire il test del controllo FormView

  1. Premere CTRL+F5 per eseguire la pagina.

  2. Nel controllo DropDownList, fare clic sul nome di un prodotto.

    Il controllo FormView consente di visualizzare dettagli relativi al prodotto.

  3. Selezionare un prodotto differente e confermare che nel controllo FormView sono visualizzati i dettagli del prodotto.

  4. Chiudere il browser.

Aggiunta delle funzionalità di modifica e di inserimento al controllo FormView

Mediante il controllo FormView è possibile visualizzare singoli record e anche supportare la modifica, l'eliminazione e l'inserimento.

In questa parte della procedura dettagliata, sarà aggiunta la modalità di modifica del record visualizzato correntemente. Per modificare il record, è necessario definire un modello differente in cui siano contenute caselle di testo (e, potenzialmente, altri controlli).

Per aggiungere la funzionalità di modifica al controllo FormView

  1. Fare clic con il pulsante destro del mouse sul controllo FormView, scegliere Modifica modello, quindi fare clic su EditItemTemplate.

    Viene visualizzato l'editor dei modelli in cui è presente la proprietà EditItemTemplate che consente di definire la modalità di layout del record quando il controllo è in modalità modifica. In Visual Web Developer viene compilato il modello di modifica con un controllo TextBox per ciascuna colonna di dati che non rappresenta una chiave e viene aggiunto il testo statico per le didascalie. Si tratta di una procedura simile alla modalità di generazione del modello dell'elemento, tranne che nel modello di modifica, in Visual Web Developer sono generate le caselle di testo.

    Come in precedenza, il modello è generato con i controlli LinkButtonUpdate e Cancel utilizzati per salvare ed eliminare le variazioni apportate nel corso della modifica.

  2. Se lo si desidera, aggiungere una tabella di layout e disporre i controlli come per il modello dell'elemento in precedenza nella procedura dettagliata.

  3. Fare clic con il pulsante destro del mouse sul controllo FormView, scegliere Modifica modello, quindi fare clic su InsertItemTemplate.

    Come per la proprietà EditItemTemplate, in Visual Web Developer viene creato automaticamente un layout modello di etichette e controlli TextBox. I controlli saranno visualizzati quando l'utente decide di inserire un nuovo record nella tabella Products. Inoltre, il modello è generato con i controlli LinkButtonInsert e Cancel.

  4. Se lo si desidera, aggiungere una tabella di layout e disporre i controlli come per il modello dell'elemento di modifica.

  5. Fare clic con il pulsante destro del mouse sul controllo FormView e scegliere Termina modifica modello.

    Nota sulla sicurezza:

    L'input dell'utente in una pagina Web ASP.NET può includere script client potenzialmente dannoso. Per impostazione predefinita, nelle pagine Web ASP.NET viene eseguita la convalida dell'input dell'utente per accertarsi che non includa script o elementi HTML. Se questa convalida è attivata, non occorrerà effettuare un controllo esplicito per verificare la presenza di script o elementi HTML. Per ulteriori informazioni, vedere Cenni preliminari sugli attacchi tramite script.

Test della modifica e dell'inserimento

È ora possibile eseguire il test della modifica e dell'inserimento.

Per eseguire il test della funzionalità di modifica del controllo FormView

  1. Premere CTRL+F5 per eseguire la pagina.

  2. Selezionare un prodotto nel controllo DropDownList.

    I dettagli del prodotto vengono visualizzati nel controllo FormView.

  3. Fare clic su Edit.

    Il controllo FormView passa in modalità di modifica.

  4. Apportare una modifica al nome del prodotto o al prezzo dell'unità.

  5. Fare clic su Update.

    Il record viene salvato e il controllo FormView passa in modalità di visualizzazione. La modifica viene riportata nella visualizzazione.

  6. Selezionare un prodotto diverso.

  7. Fare clic su Edit.

  8. Apportare una modifica al nome del prodotto.

  9. Fare clic su Cancel.

    Confermare che la modifica non è stata salvata.

Per eseguire il test delle funzionalità di inserimento del controllo FormView

  1. Scegliere New nel controllo FormView.

    Il controllo FormView passa alla modalità di inserimento e vengono visualizzate due caselle di testo vuote.

  2. Immettere un nome del prodotto e un prezzo nuovi, quindi dare clic su Insert.

    Il record viene salvato nel database e il controllo FormView passa alla visualizzazione visualizzazione (ItemTemplate).

    Nota:

    Il nuovo record non viene visualizzato nell'elenco a discesa. La funzionalità verrà aggiunta nella sezione successiva.

Rivisualizzazione dei nomi dei prodotti aggiornati nell'elenco a discesa

La pagina consente di visualizzare, modificare o eliminare i record presenti nella tabella di database Products. Tuttavia, l'elenco a discesa non è ancora sincronizzato con le modifiche apportate nel controllo FormView. Ad esempio, se si inserisce un nuovo record Products, nell'elenco a discesa il nuovo record sarà visualizzato soltanto se la pagina viene chiusa e riaperta. Inoltre, la pagina viene inizialmente visualizzata con il primo record nella tabella Products, che potrebbe non corrispondere a quello desiderato.

È possibile aggiungere il codice per correggere questi problemi secondari. In questa sezione della procedura dettagliata verranno effettuate le seguenti operazioni:

  • Aggiornamento dell'elenco a discesa quando si modifica o inserisce un record.

  • Aggiunta del testo "(Select)" all'elenco a discesa quando viene visualizzata la prima pagina ed eliminazione del testo quando si effettua la prima selezione.

Per aggiornare l'elenco a discesa quando vengono inseriti o modificati i record

  1. In visualizzazione Progettazione della pagina, selezionare il controllo FormView.

  2. Fare clic sul pulsante Eventi nella finestra Proprietà per visualizzare un elenco di eventi per il controllo FormView.

  3. Fare doppio clic sulla casella ItemInserted.

    In Visual Web Developer si passa alla visualizzazione di modifica del codice e viene creato un gestore per l'evento ItemInserted.

  4. Aggiungere il seguente codice evidenziato al gestore eventi.

    Protected Sub FormView1_ItemInserted(ByVal sender As Object, _
       ByVal e As System.Web.UI.WebControls.FormViewInsertedEventArgs) _
       Handles FormView1.ItemInserted
          DropDownList1.DataBind()
    End Sub
    

    [C#]

    protected void FormView1_ItemInserted(object sender, 
            FormViewInsertedEventArgs e)
    {
        DropDownList1.DataBind();
    }
    

    Il codice viene eseguito dopo l'inserimento del nuovo record. Il codice consente di riassociare l'elenco a discesa alla tabella Products aggiornando, in tal modo, il contenuto dell'elenco.

  5. Passare alla visualizzazione Progettazione. Se si utilizza una pagina di codice sottostante, passare alla pagina Default.aspx e, successivamente, alla visualizzazione Progettazione.

  6. Fare clic sul pulsante Eventi nella finestra Proprietà per visualizzare un elenco di eventi per il controllo FormView.

  7. Fare doppio clic sulla casella ItemUpdated.

    In Visual Web Developer si passa alla visualizzazione di modifica del codice e viene creato un gestore eventi per l'evento ItemUpdated.

  8. Aggiungere il codice evidenziato riportato di seguito.

    Protected Sub FormView1_ItemUpdated(ByVal sender As Object, _
       ByVal e As System.Web.UI.WebControls.FormViewUpdatedEventArgs) _
       Handles FormView1.ItemUpdated
          DropDownList1.DataBind()
    End Sub
    

    [C#]

    protected void FormView1_ItemUpdated(object sender, 
        FormViewUpdatedEventArgs e)
    {
        DropDownList1.DataBind();
    }
    

    Il codice viene eseguito dopo l'aggiornamento del record. Il codice consente di riassociare l'elenco a discesa alla tabella Products aggiornando, in tal modo, il contenuto dell'elenco.

  9. Premere CTRL+F5 per eseguire la pagina.

  10. Modificare il nome del prodotto di un record, fare clic su Update, quindi esaminare l'elenco a discesa per accertarsi che il nome aggiornato sia visualizzato.

  11. Inserire un nuovo record di prodotto, fare clic su Insert, quindi esaminare l'elenco a discesa per accertarsi che il nuovo nome sia stato aggiunto all'elenco.

Il passaggio finale consiste nella modifica dell'elenco a discesa da visualizzare "(Select)" e nel visualizzare il controllo FormView soltanto quando si effettua una selezione.

Per aggiungere una voce Select al controllo DropDownList

  1. In visualizzazione Progettazione, fare doppio clic su una parte vuota della pagina.

    In Visual Web Developer viene creato un gestore eventi per l'evento Load della pagina.

  2. Nel gestore, aggiungere il codice evidenziato riportato di seguito.

    [Visual Basic]

    Protected Sub Page_Load(ByVal sender As Object, _
            ByVal e As System.EventArgs) Handles Me.Load
        If Not IsPostBack Then        FormView1.Visible = False    End If
    End Sub
    

    [C#]

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            FormView1.Visible = false;
        }
    }
    

    Il codice viene eseguito quando viene eseguita la pagina ed esegue innanzitutto il test per verificare se si tratta di un postback; in caso contrario, si tratta della prima volta in cui viene eseguita la pagina. Se non si tratta di un postback, il controllo FormView viene nascosto mediante il codice, dal momento che la visualizzazione è effettuata soltanto in caso di selezione esplicita di un record per la visualizzazione o la modifica da parte dell'utente.

  3. Nella visualizzazione Progettazione della pagina, selezionare il controllo DropDownList.

  4. Nella finestra Proprietà, fare clic sul pulsante con i puntini di sospensione (...) nella casella Elementi.

    Viene visualizzata la finestra Editor dell'insieme ListItem.

  5. Fare clic su Aggiungi per creare un nuovo elemento.

  6. In Proprietà ListItem, nella casella Testo, digitare (Select).

  7. Scegliere OK per chiudere la finestra di dialogo Editor dell'insieme ListItem.

  8. Nella casella Proprietà, impostare AppendDataBoundItems su true.

    Quando l'elenco a discesa viene compilato in fase di associazione dati, le informazioni sul prodotto saranno aggiunte all'elemento (Selezionare) definito.

  9. Fare clic sul pulsante Eventi nella finestra Proprietà per visualizzare un elenco di eventi per il controllo DropDownList.

  10. Fare doppio clic sulla casella SelectedIndexChanged.

  11. Aggiungere il codice evidenziato riportato di seguito.

    [Visual Basic]

    Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender _
        As Object, ByVal e As System.EventArgs) _
        Handles DropDownList1.SelectedIndexChanged
            If DropDownList1.Items(0).Text = "(Select)" Then            DropDownList1.Items.RemoveAt(0)        End If        FormView1.Visible = True
    End Sub
    

    [C#]

    protected void DropDownList1_SelectedIndexChanged(object sender, 
        EventArgs e)
    {
        if(DropDownList1.Items[0].Text == "(Select)")    {        DropDownList1.Items.RemoveAt(0);    }    FormView1.Visible = true;
    }
    

    Il codice viene eseguito quando si seleziona un elemento nel controllo DropDownList e consente di eliminare l'elemento "(Select)" aggiunto in precedenza (verificando innanzitutto che esista), poiché dopo la prima selezione di un elemento, non è più necessario richiedere di eseguire questa operazione. Inoltre, il codice visualizza (non nasconde) il controllo FormView in modo da consentire la visualizzazione del record selezionato.

  12. Premere CTRL+F5 per eseguire la pagina.

    Nella pagina viene visualizzato soltanto l'elenco a discesa, con la parola (Select) visualizzata.

  13. Selezionare l'elemento nell'elenco.

    L'elemento viene visualizzato nel controllo FormView.

  14. Esaminare l'elenco a discesa e notare che la parola (Select) non è più presente.

Passaggi successivi

In questa procedura dettagliata sono stati illustrati i passaggi di base dell'utilizzo di un controllo FormView per la visualizzazione e la modifica di record di dati singoli utilizzando un layout personalizzato. Il controllo FormView consente di eseguire operazioni di formattazione più complesse delle precedenti. Inoltre, è possibile creare modelli per altre modalità, incluse la modalità di selezione e la modalità di inserimento nonché modelli per intestazioni e piè di pagina visualizzati con il record. Per altri scenari da scoprire con il controllo FormView, vedere:

Creazione di modelli per il controllo server Web FormView

Modifica dei dati mediante un controllo server Web FormView

Vedere anche

Concetti

Cenni preliminari sul controllo server Web FormView

Riferimenti

Informazioni generali sul controllo server Web DetailsView