Crear un control de usuario de Windows Forms de .NET Framework que soporte la vinculación de datos simple

Al mostrar datos en formularios en aplicaciones de Windows, puede elegir controles existentes en el Cuadro de herramientas o puede 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 implementeDefaultBindingPropertyAttribute. Los controles que implementan DefaultBindingPropertyAttribute pueden contener una propiedad que se puede enlazar a los datos. Estos controles son similares a un TextBox o un CheckBox.

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

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

En este tutorial se crea un control sencillo que muestra los datos de una sola columna de 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 al proyecto.

• Diseñe visualmente el control de usuario.

• Implemente el DefaultBindingProperty atributo .

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

• Establezca la columna Teléfono en la ventana Orígenes de datos para usar el nuevo control.

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

Prerrequisitos

Para completar este tutorial, necesita las cargas de trabajo de desarrollo de escritorio de .NET y almacenamiento y procesamiento de datos instaladas en Visual Studio. Para instalarlos, abra el Visual Studio Installer 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 SQL Server Express LocalDB y la base de datos de ejemplo Northwind.

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

2. Instale la base de datos de ejemplo Northwind siguiendo estos pasos:

   1. En Visual Studio, abra la ventana Explorador de objetos de SQL Server (El 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 Northwind Transact-SQL en su Portapapeles. Este script de T-SQL crea la base de datos Northwind desde cero y la rellena con datos.

   3. Pegue el script T-SQL en el editor de consultas y, a continuación, elija el botón Ejecutar.

      Después de un breve tiempo, la consulta finaliza la ejecución 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 izquierdo y, a continuación, seleccione Escritorio de Windows.

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

4. Asigne al proyecto el nombre SimpleControlWalkthrough y, a continuación, elija Aceptar.

   Se crea el proyecto SimpleControlWalkthrough y se agrega al Explorador de soluciones.

Adición de 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

Esta guía paso a paso se expande a partir del existente MaskedTextBox para crear el control PhoneNumberBox:

1. Arrastre un MaskedTextBox elemento desde el Cuadro de herramientas a la superficie de diseño del control de usuario.

2. Seleccione la etiqueta inteligente en la 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 necesario

Para controles simples que admiten el enlace de datos, implemente :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:

   • C#
   • VB

   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 utiliza el Asistente de Configuración del Origen de Datos para crear un origen de datos basado en la Customers tabla 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 Cómo: 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 del origen 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 acciones siguientes:

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

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

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

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

7. En la página Elegir los objetos de base de datos , expanda el nodo Tablas .

8. Seleccione la Customers tabla y, a continuación, seleccione Finalizar.

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

Establecer la columna de teléfono para usar el control PhoneNumberBox

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

1. Abra Form1 en el diseñador.

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

3. Haga clic en la flecha de lista desplegable del nodo Clientes y elija Detalles en la lista de controles.

4. Haga clic en la flecha de lista desplegable de la columna Teléfono y elija Personalizar.

5. Seleccione PhoneNumberBox en la lista de Controles Asociados en el cuadro de diálogo Opciones de Personalización de la UI de Datos.

6. Haga clic en la flecha de lista desplegable de la columna Teléfono 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 a datos en el formulario, arrastre el nodo Clientes principal desde la ventana Orígenes de datos al formulario y compruebe que el control PhoneNumberBox se usa para mostrar los datos en la columna Phone .

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

Ejecutar la aplicación

Presione F5 para ejecutar la aplicación.

Pasos siguientes

En función de los requisitos de la aplicación, es posible que desee realizar varios pasos después de crear un control que admita el enlace de datos. Algunos pasos siguientes típicos son:

• Colocar los controles personalizados en una biblioteca de controles para poder reutilizarlos en otras aplicaciones.

• Creación de controles que admiten escenarios de enlace de datos más complejos. Para obtener más información, vea Crear un control de usuario de Windows Forms que admita enlaces de datos complejos y Crear un control de usuario de Windows Forms que admita el enlace de datos de búsqueda.

Contenido relacionado

• Enlace de controles de Windows Forms a datos en Visual Studio
• Establezca el control que se va a crear al arrastrar desde la ventana Orígenes de datos.