Compartir a través de

Creación de un control de usuario de Windows Forms de .NET Framework que admita el enlace de datos simple

  • Artículo

Nota:

Los conjuntos de datos y las clases relacionadas son tecnologías heredadas de .NET Framework de principios de la década de 2000 que permiten a las aplicaciones trabajar con datos en memoria mientras están desconectadas de la base de datos. Son especialmente útiles para las aplicaciones que permiten a los usuarios modificar los datos y conservar los cambios en la base de datos. Aunque los conjuntos de datos han demostrado ser una tecnología de gran éxito, se recomienda que las nuevas aplicaciones de .NET usen Entity Framework Core. Entity Framework proporciona una manera más natural de trabajar con datos tabulares como modelos de objetos y tiene una interfaz de programación más sencilla.

Cuando muestra datos en formularios de las aplicaciones Windows, puede elegir controles existentes en el Cuadro de herramientas o crear controles personalizados si la aplicación requiere funcionalidad que no está disponible en los controles estándar. En este tutorial se muestra cómo crear un control que implementa DefaultBindingPropertyAttribute. Los controles que implementan DefaultBindingPropertyAttribute pueden contener una propiedad que se puede enlazar a datos. Tales controles son similares a TextBox o CheckBox.

Para obtener más información sobre la creación de controles, vea Desarrollo de controles de Windows Forms en tiempo de diseño.

Al crear controles para usarlos en escenarios de enlace de datos, debe implementar uno de los atributos de enlace de datos siguientes:

Uso de atributos de enlace de datos
Implemente el DefaultBindingPropertyAttribute en controles sencillos, como un TextBox, que muestra una única columna (o propiedad) de datos. (Este proceso se describe en esta página del tutorial.)
Implemente el ComplexBindingPropertiesAttribute en controles, como DataGridView, que muestra listas (o tablas) de datos. Para obtener más información, consulte Creación de un control de usuario de Windows Forms que admita el enlace de datos complejo.
Implemente el LookupBindingPropertiesAttribute en controles, como ComboBox, que muestren listas (o tablas) de datos, pero que también necesiten presentar una única columna o propiedad. Para obtener más información, consulte Creación de un control de usuario de Windows Forms que admita el enlace de datos de búsqueda.

En este tutorial se crea un control simple que muestra los datos de una sola columna en una tabla. En este ejemplo se usa la columna Phone de la tabla Customers de la base de datos de ejemplo Northwind. El control de usuario simple muestra los números de teléfono del cliente en un formato de número telefónico estándar, usando para ello un MaskedTextBox y estableciendo la máscara en un número de teléfono.

Durante este tutorial aprenderá a:

  • Cree una nueva Aplicación de Windows Forms (.NET Framework).

  • Agregue un nuevo Control de usuario a su proyecto.

  • Diseñe visualmente el control de usuario.

  • Implemente el atributo DefaultBindingProperty.

  • Cree un conjunto de datos con el Asistente para la configuración de orígenes de datos.

  • Establezca la columna Phone de la ventana Orígenes de datos de forma que se use el nuevo control.

  • Cree un formulario para mostrar los datos en el nuevo control.

Requisitos previos

Para completar este tutorial, necesita que las cargas de trabajo de desarrollo de escritorio de .NET y de almacenamiento y procesamiento de datos estén instaladas en Visual Studio. Para instalarlas, abra el Instalador de Visual Studio y elija Modificar (o Más>modificar) junto a la versión de Visual Studio que desea modificar. Vea Modificación de Visual Studio.

En este tutorial se usa LocalDB de SQL Server Express y la base de datos de ejemplo Northwind.

  1. Si no tiene LocalDB de SQL Server Express, instálelo desde la página de descarga de SQL Server Express, o bien mediante el Instalador de Visual Studio. En el Instalador de Visual Studio, puede instalar LocalDB de SQL Server Express como parte de la carga de trabajo Almacenamiento y procesamiento de datos, o bien como un componente individual.

  2. Siga estos pasos para instalar la base de datos de ejemplo Northwind:

    1. En Visual Studio, abra la ventana Explorador de objetos de SQL Server (Explorador de objetos de SQL Server se instala como parte de la carga de trabajo Almacenamiento y procesamiento de datos en el Instalador de Visual Studio). Expanda el nodo SQL Server. Haga clic con el botón derecho en la instancia de LocalDB y seleccione Nueva consulta.

      Se abre una ventana del editor de consultas.

    2. Copie el script de Transact-SQL Northwind en el Portapapeles. Este script de T-SQL crea la base de datos Northwind desde cero y la rellena con datos.

    3. Pegue el script de T-SQL en el editor de consultas y, después, elija el botón Ejecutar.

      Después de un breve tiempo, la consulta termina de ejecutarse y se crea la base de datos Northwind.

Crear una aplicación de Windows Forms

El primer paso es crear una aplicación de Windows Forms (.NET Framework):

  1. En Visual Studio, en el menú Archivo, seleccione Nuevo>Proyecto.

  2. Expanda Visual C# o Visual Basic en el panel de la izquierda y, a continuación, seleccione Escritorio de Windows.

  3. En el panel central, seleccione el tipo de proyecto Aplicación de Windows Forms.

  4. Denomine el proyecto SimpleControlWalkthrough y, después, haga clic en Aceptar.

    El proyecto TutorialDeControlSimple se crea y se agrega al Explorador de soluciones.

Agregar un control de usuario al proyecto

En este tutorial se crea un control simple enlazable a datos a partir de un control de usuario. Agregue un elemento Control de usuario al proyecto SimpleControlWalkthrough:

  1. En el menú Proyecto, elija Agregar control de usuario.

  2. Escriba PhoneNumberBox en el área Nombre y haga clic en Agregar.

    El control PhoneNumberBox se agrega al Explorador de soluciones y se abre en el diseñador.

Diseño del control PhoneNumberBox

Este tutorial se basa en el MaskedTextBox existente y lo amplía para crear el control PhoneNumberBox:

  1. Arrastre un control MaskedTextBox del Cuadro de herramientas hasta la superficie de diseño del control del usuario.

  2. Seleccione la etiqueta inteligente en el MaskedTextBox que acaba de arrastrar y elija Establecer máscara.

  3. Seleccione Número de teléfono en el cuadro de diálogo Máscara de entrada y haga clic en Aceptar para establecer la máscara.

Adición del atributo de enlace de datos requerido

En el caso de los controles simples que admiten enlaces de datos, implemente el DefaultBindingPropertyAttribute:

  1. Cambie el control PhoneNumberBox a la vista de código. (En el menú Ver, elija Código.)

  2. Reemplace el código de PhoneNumberBox por lo siguiente:

    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();
        }
    }
}

  3. En el menú Compilar , elija Compilar solución.

Creación de un origen de datos a partir de la base de datos

En este paso se usa el Asistente para configuración de orígenes de datos para crear un origen de datos basado en la tabla Customers de la base de datos de ejemplo Northwind. Debe tener acceso a la base de datos de ejemplo Northwind para crear la conexión. Para obtener información sobre cómo configurar la base de datos de ejemplo Northwind, vea Procedimientos para instalar bases de datos de ejemplo.

  1. Para abrir la ventana Orígenes de datos, en el menú Datos, haga clic en Mostrar orígenes de datos.

  2. En la ventana Orígenes de datos, seleccione Agregar nuevo origen de datos para iniciar el Asistente para configuración de orígenes de datos.

  3. En la página Elegir un tipo de origen de datos, seleccione Base de datos y, a continuación, seleccione Siguiente.

  4. En la página Elegir la conexión de datos realice una de las siguientes operaciones:

    • Si una conexión de datos a la base de datos de ejemplo Northwind está disponible en la lista desplegable, selecciónela.

    • Seleccione Nueva conexión para iniciar el cuadro de diálogo Agregar o modificar conexión.

  5. Si su base de datos requiere una contraseña, seleccione la opción para incluir datos confidenciales y seleccione Siguiente.

  6. Haga clic en Siguiente en la página Guardar la cadena de conexión en el archivo de configuración de la aplicación.

  7. Expanda el nodo Tablas en la página Elija los objetos de base de datos.

  8. Seleccione la tabla Customers y después Finalizar.

    NorthwindDataSet se agrega al proyecto y la tabla Customers aparece en la ventana Orígenes de datos.

Establecimiento de la columna Phone para que use el control PhoneNumberBox

Dentro de la ventana Orígenes de datos puede establecer el control que se va a crear antes de arrastrar elementos a un formulario:

  1. Abra Form1 en el diseñador.

  2. Expanda el nodo Customers en la ventana Orígenes de datos.

  3. Haga clic en la flecha de lista desplegable en el nodo Customers y elija Detalles de la lista de control.

  4. Haga clic en la flecha de lista desplegable en la columna Phone y elija Personalizar.

  5. Seleccione PhoneNumberBox de la lista de Controles asociados en el cuadro de diálogo Opciones de personalización de la interfaz de usuario de datos.

  6. Haga clic en la flecha de lista desplegable en la columna Phone y elija PhoneNumberBox.

Adición de controles al formulario

Puede crear los controles enlazados a datos arrastrando elementos desde la ventana Orígenes de datos al formulario.

Para crear controles enlazados en el formulario, arrastre el nodo principal Customers desde la ventana Orígenes de datos al formulario y compruebe que se usa el control PhoneNumberBox para mostrar los datos de la columna Phone.

Los controles enlazados a datos con etiquetas descriptivas aparecen en el formulario, junto con una barra de herramientas (BindingNavigator) para navegar por los registros. En la bandeja de componentes aparecen NorthwindDataSet, CustomersTableAdapter, BindingSource y BindingNavigator.

Ejecución de la aplicación

Presione F5 para ejecutar la aplicación.

Pasos siguientes

Según cuáles sean los requisitos de la aplicación, hay varios pasos que se pueden realizar después de crear un control que admite el enlace a datos. Entre los pasos más habituales están los siguientes:

Contenido relacionado