Procedura dettagliata: creazione di un controllo utente Windows Form che supporta l'associazione dati semplice

Articolo
06/14/2015

Quando si visualizzano dati nei form delle applicazioni Windows, è possibile scegliere i controlli esistenti dalla Casella degli strumenti o creare controlli personalizzati se l'applicazione richiede funzionalità che non sono disponibili nei controlli standard. In questa procedura dettagliata è illustrato come creare un controllo che implementa DefaultBindingPropertyAttribute. I controlli che implementano DefaultBindingPropertyAttribute possono contenere una proprietà associabile ai dati. Tali controlli sono simili a TextBox o CheckBox.

Per altre informazioni sulla creazione di controlli, vedere Sviluppo di controlli Windows Form in fase di progettazione.

Quando si creano controlli da usare negli scenari di data binding, è necessario implementare uno degli attributi di data binding seguenti:

Uso degli attributi di data binding
Implementare DefaultBindingPropertyAttribute su controlli semplici, ad esempio TextBox, che visualizzano una singola colonna, o proprietà, di dati. Il processo è descritto in questa pagina di procedura dettagliata.
Implementare ComplexBindingPropertiesAttribute su controlli, ad esempio DataGridView, che visualizzano elenchi, o tabelle, di dati. Per altre informazioni, vedere Procedura dettagliata: creazione di un controllo utente Windows Form che supporta l'associazione dati complessa.
Implementare LookupBindingPropertiesAttribute su controlli, ad esempio ComboBox, che visualizzano elenchi, o tabelle, di dati ma che devono anche presentare una singola colonna o proprietà. Per altre informazioni, vedere Procedura dettagliata: creazione di un controllo utente Windows Form che supporta l'associazione dati di ricerca.

Questa procedura dettagliata crea un controllo semplice che visualizza i dati di una singola colonna in una tabella. Questo esempio usa la colonna Phone della tabella Customers del database di esempio Northwind. Il controllo utente semplice visualizzerà il numero di telefono del cliente in un formato telefonico standard usando MaskedTextBox e impostando la maschera su un numero di telefono.

Durante questa procedura dettagliata, si apprenderà come:

Creare una nuova applicazione Windows.
Aggiungere un nuovo controllo utente al progetto.
Progettare visivamente il controllo utente.
Implementare l'attributo DefaultBindingProperty.
Creare un dataset con Configurazione guidata origine dati.
Impostare la colonna Telefono nella finestra Origini dati per usare il nuovo controllo.
Creare un form per visualizzare i dati nel controllo.

Prerequisiti

Per completare questa procedura dettagliata, è necessario:

Accedere al database di esempio Northwind. Per altre informazioni, vedere Procedura: installare database di esempio.

Creazione di un'applicazione Windows

Il primo passaggio consiste nella creazione di un'applicazione Windows.

Per creare il nuovo progetto Windows

In Visual Studio creare un nuovo Progetto dal menu File.
Assegnare al progetto il nome SimpleControlWalkthrough.
Selezionare Applicazione Windows e fare clic su OK. Per altre informazioni, vedere Sviluppo di applicazioni client con .NET Framework.

Il progetto SimpleControlWalkthrough viene creato e aggiunto a Esplora soluzioni.

Aggiunta di un controllo utente al progetto

Dal momento che questa procedura dettagliata crea un controllo di data binding semplice da un Controllo utente, è necessario aggiungere un elemento Controllo utente al progetto SimpleControlWalkthrough.

Per aggiungere un controllo utente al progetto

Scegliere Aggiungi controllo utente dal menu Progetto .
Digitare PhoneNumberBox nell'area Nome, quindi scegliere Aggiungi.

Il controllo PhoneNumberBox viene aggiunto a Esplora soluzioni e si apre nella finestra di progettazione.

Progettazione del controllo PhoneNumberBox

Questa procedura dettagliata estende l'oggetto MaskedTextBox per creare il controllo PhoneNumberBox.

Per progettare il controllo PhoneNumberBox

Trascinare un oggetto MaskedTextBox dalla Casella degli strumenti nell'area di progettazione del controllo utente.
Selezionare lo smart tag sull'oggetto MaskedTextBox appena trascinato e scegliere Imposta maschera.
Selezionare Numero di telefono nella finestra di dialogo Maschera input e fare clic su OK per impostare la maschera.

Aggiunta dell'attributo di data binding richiesto

Per controlli semplici che supportano il data binding, implementare l'attributo DefaultBindingPropertyAttribute.

Per implementare l'attributo DefaultBindingProperty

Passare al controllo PhoneNumberBox per la visualizzazione del codice. Scegliere Codice dal menu Visualizza.

Sostituire il codice nel controllo PhoneNumberBox con la stringa seguente:

<System.ComponentModel.DefaultBindingProperty("PhoneNumber")>
Public Class PhoneNumberBox

    Public Property PhoneNumber() As String 
        Get 
            Return MaskedTextBox1.Text
        End Get 
        Set(ByVal value As String)
            MaskedTextBox1.Text = value
        End Set 
    End Property 
End Class

using System.Windows.Forms;

namespace CS
{
    [System.ComponentModel.DefaultBindingProperty("PhoneNumber")]
    public partial class PhoneNumberBox : UserControl
    {
        public string PhoneNumber
        {
            get{ return maskedTextBox1.Text; }
            set{ maskedTextBox1.Text = value; }
        }

        public PhoneNumberBox()
        {
            InitializeComponent();
        }
    }
}

Scegliere Compila soluzione dal menu Compila.

Creazione di un'origine dati dal database

Questo passaggio usa la Configurazione guidata origine dati per creare un'origine dati basata sulla tabella Customers contenuta nel database di esempio Northwind. Per creare la connessione, è necessario avere accesso al database di esempio Northwind. Per informazioni sull'impostazione del database di esempio Northwind, vedere Procedura: installare database di esempio.

Per creare l'origine dati

Scegliere Mostra origini dati dal menu Dati.
Nella finestra Origini dati selezionare Aggiungi nuova origine dati per avviare la Configurazione guidata origine dati.
Selezionare Database nella pagina Scegliere un tipo di origine dati e scegliere Avanti.
Nella pagina Seleziona connessione dati eseguire una delle operazioni seguenti:
- Selezionare la connessione dati al database di esempio Northwind nell'elenco a discesa, se presente.
  
  Oppure
- Selezionare Nuova connessione per aprire la finestra di dialogo Aggiungi/Modifica connessione.
Se il database in uso richiede una password, selezionare l'opzione che consente di includere dati riservati, quindi scegliere Avanti.
Nella pagina Salva stringa di connessione nel file di configurazione dell'applicazione fare clic su Avanti.
Espandere il nodo Tabelle nella pagina Seleziona oggetti di database.
Selezionare la tabella Customers, quindi fare clic su Fine.

L'oggetto NorthwindDataSet viene aggiunto al progetto e la tabella Customers viene visualizzata nella finestra Origini dati.

Impostazione della colonna Telefono per usare il controllo PhoneNumberBox

Nella finestra Origini dati è possibile impostare il controllo da creare prima di trascinare elementi nel form.

Per impostare la colonna Telefono allo scopo di eseguire l'associazione al controllo PhoneNumberBox

Aprire Form1 nella finestra di progettazione.
Espandere il nodo Customers nella finestra Origini dati.
Fare clic sulla freccia a discesa nel nodo Customers e scegliere Dettagli dall'elenco di controllo.
Fare clic sulla freccia a discesa nella colonna Telefono e scegliere Personalizza.
Selezionare PhoneNumberBox dall'elenco Controlli associati nella finestra di dialogo Personalizzazione dell'interfaccia utente dati.
Fare clic sulla freccia a discesa nella colonna Telefono e scegliere PhoneNumberBox.

Aggiunta di controlli al form

È possibile creare i controlli associati a dati trascinando elementi dalla finestra Origini dati nel form.

Per creare controlli associati a dati nel form

Trascinare il nodo Customers principale dalla finestra Origini dati nel form e verificare che il controllo PhoneNumberBox sia usato per visualizzare i dati nella colonna Phone.

Il form mostra i controlli associati a dati con etichette descrittive e un controllo Toolstrip (BindingNavigator) per lo spostamento all'interno dei record. Nella barra dei componenti vengono visualizzati gli oggetti NorthwindDataSet, CustomersTableAdapter, BindingSource e BindingNavigator.

Esecuzione dell'applicazione

Per eseguire l'applicazione

Premere F5 per eseguire l'applicazione.

Passaggi successivi

A seconda dei requisiti dell'applicazione, dopo la creazione di un controllo che supporta il data binding sarà possibile eseguire diverse operazioni. Ecco alcuni dei passaggi più comuni:

Posizionamento dei controlli personalizzati in una libreria di controlli in modo da poterli usare di nuovo in altre applicazioni.
Creazione di controlli che supportano scenari di associazioni di dati più complessi. Per altre informazioni, vedere Procedura dettagliata: creazione di un controllo utente Windows Form che supporta l'associazione dati complessa e Procedura dettagliata: creazione di un controllo utente Windows Form che supporta l'associazione dati di ricerca.

Vedere anche

Condividi tramite