Introducción al enlace de datos en ASP.Net
De manera similar, ASP.Net también admite el concepto de enlace de datos. A través del enlace de datos, puede vincular cualquier control del servidor a varias propiedades, expresiones, colecciones o incluso métodos. También existe la flexibilidad de seleccionar la fuente de datos, que puede ser una base de datos, un archivo estático, una enumeración o cualquier otra fuente. Por lo tanto, el enlace de datos ASP.Net proporciona una forma simple y conveniente de crear un enlace entre el control del servidor y los datos de la aplicación.
Conceptos de enlace de datos en ASP.Net
El concepto básico de enlace de datos en ASP.Net puede ilustrarse muy bien en la siguiente imagen.
Comprendamos las terminologías utilizadas en la imagen.
- Origen de enlace : la variable de datos de la aplicación que contiene los datos comerciales.
- Destino de enlace : el control del servidor o el elemento de la interfaz de usuario al que están vinculados los datos.
- Objeto de dependencia : el objeto asociado con el destino de enlace.
- Propiedad de dependencia : la propiedad o el atributo del objeto de dependencia al que están vinculados los datos.
- Objeto de origen : el objeto que contiene los datos comerciales.
- Propiedad de origen : la propiedad o atributo del objeto de origen cuyo valor son los datos reales.
Por lo tanto, si desea vincular la propiedad de texto de un control de entrada en la interfaz de usuario al nombre del empleado, TextBox es el Objeto de destino / dependencia. El texto es la propiedad de destino. El empleado es el objeto comercial y el nombre es la propiedad.
La dirección del enlace determina la propagación de datos entre el origen y el destino. En un enlace unidireccional, cualquier cambio en los datos comerciales se refleja en el elemento de la interfaz de usuario, pero no al revés. Esto es útil en los casos en que los datos comerciales son de solo lectura y el control de la interfaz de usuario es de naturaleza informativa.
El enlace bidireccional garantiza que el cambio de datos en los objetos de origen o destino se sincronice automáticamente. Esto crea formularios de IU totalmente interactivos, donde los cambios en los campos de formulario se actualizan instantáneamente en las variables de fondo.
En un enlace unidireccional al origen, cualquier cambio en los datos del elemento de la interfaz de usuario se actualiza en el objeto comercial pero no al revés. Esto es útil en escenarios cuando los datos se calculan en base a otras entradas del usuario y necesitan una reevaluación frecuente.
¿Qué es el enlace de datos?
- Antes de continuar, comprendamos primero el concepto de enlace de datos en general. El enlace de datos es el proceso de conectar la interfaz de usuario de la aplicación con los datos comerciales. Ahora puede preguntarse que esto es lo mismo que mostrar los datos comerciales en la interfaz de usuario. No, no es. ¿Qué pasa si se cambian los datos? ¿Se actualiza automáticamente en la interfaz de usuario?
- Entonces, cuando el enlace de datos se realiza correctamente, los elementos en la interfaz de usuario reflejan los cambios en los datos comerciales automáticamente. Imagine que sus elementos de la IU están constantemente observando la variable / conjunto de datos asignado a ellos. Tan pronto como haya algún cambio en los datos, los elementos de la interfaz de usuario tienen instrucciones de reflejar el cambio en consecuencia.
- Un hermoso ejemplo del mundo real de este fenómeno es la calculadora en nuestros teléfonos inteligentes. Están diseñados para dar el resultado tan pronto como el usuario ingrese cualquier valor. Observe en la captura de pantalla a continuación, cómo se producen y se muestran los resultados en tiempo real. Sin la necesidad de dar el comando 'igual'.
Esto se logra mediante el enlace de datos. El elemento en la interfaz de usuario responsable de mostrar el resultado vigila de cerca el elemento que captura la entrada del usuario. Luego se le indica que calcule y muestre los resultados tan pronto como cambien los datos en la entrada del usuario.
¿Cómo crear enlace de datos en ASP.Net?
A continuación se muestra un ejemplo simple para demostrar el enlace de datos en ASP.Net. Creamos una aplicación WPF simple con tres controles (bloque de texto, control deslizante y barra de progreso) en la interfaz de usuario. El valor de dos controles estaría vinculado a los datos en el tercer control.
Paso 1: Abra Visual Studio y cree un nuevo proyecto.
Paso 2: Seleccione la aplicación WPF (.Net Framework) del cuadro Asistente de nuevo proyecto.
Paso 3: Configura los detalles básicos y presiona Crear .
Paso 4: Esto crea una aplicación Shell WPF . Ahora inserte un TextBlock, un control deslizante y un control ProgressBar en la interfaz de usuario. Vincularemos el valor de TextBlock y ProgressBar al valor del control deslizante.
Paso 5: ahora agregue el Código subrayado en la figura para vincular la propiedad Text de TextBlock.
Text="(Binding Value, ElementName=slider)"
Del mismo modo, para la propiedad Value de ProgressBar.
Value="(Binding Value, ElementName=slider)"
Esto vincula las propiedades a la propiedad Value de Slider.
Paso 6: ejecuta la aplicación. Vería que el control deslizante ahora actualiza los valores del bloque de texto y la barra de progreso. Mueva el control deslizante para ver esto en acción.
Comprendamos las terminologías utilizadas a partir del ejemplo.
- Fuente de enlace : el control deslizante en la interfaz de usuario.
- Objetivo de enlace : TextBlock y ProgressBar
- Objeto de dependencia: los objetos TextBlock y ProgressBar creados.
- Propiedad de dependencia: la propiedad Text de TextBlock y la propiedad Value de ProgressBar.
- Objeto de origen : el objeto Control deslizante creado con x: Nombre = "control deslizante".
- Propiedad de origen : la propiedad de valor del control deslizante.
Paso 7: El código final debe ser el siguiente:
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:DataBindingInASP.Net"
mc:Ignorable="d"
Title="MainWindow">
Text="(Binding Value, ElementName=slider)" />
Width="250"/>
Value="(Binding Value, ElementName=slider)"/>
Conclusión
Aprendimos el concepto básico de enlace de datos y cómo se implementa en ASP.Net. Este es un ejemplo muy básico de enlace de datos en ASP.Net y el tema va mucho más allá de esto. Se recomienda explorar más, escribir más código, experimentar más con varias fuentes de datos. Esto sería de gran ayuda para obtener una comprensión y un control exhaustivos sobre el tema.
Artículos recomendados
Esta ha sido una guía para el enlace de datos en ASP.NET. Aquí hemos discutido descripciones generales sobre el enlace de datos en ASP.NET, qué es el cegamiento de datos y los pasos para crear el enlace de datos en ASP.NET con el código final. También puede consultar nuestros artículos para obtener más información.
- ¿Qué es ASP.NET?
- Carrera en ASP.NET
- Marco ASP.NET
- ¿Qué es .NET Core?