Share via


Enlace de datos (HTML)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows en tiempo de ejecución. Si estás desarrollando para Windows 10, consulta la documentación más reciente

Propósito

El enlace de datos te permite sincronizar los elementos de tu aplicación con diferentes orígenes de datos, como bases de datos, archivos y objetos internos.

En esta sección

Tema Descripción

Inicio rápido: enlazar datos y estilos

Puedes enlazar datos y estilos a elementos HTML mediante el enlace de la biblioteca de Windows para JavaScript. El enlace con WinJS es unidireccional de manera predeterminada, lo que significa que el elemento HTML se actualiza cuando cambian los valores de los datos y estilos, pero los datos no se actualizan cuando cambia el elemento HTML. Este tema de inicio rápido muestra el tipo de enlace más básico, que es un enlace declarativo a un objeto sencillo que solo contiene datos. Para obtener información sobre tipos de enlace más avanzados, consulta los temas sobre cómo enlazar un objeto complejo y cómo usar plantillas para enlazar datos.

Cómo enlazar un objeto complejo

En muchos casos, quieres que la aplicación se enlace a objetos complejos, en particular objetos que administran procesos que no se controlan con la interfaz de usuario de la aplicación. En este tema se muestra cómo escribir una aplicación que muestra datos de un objeto que contiene un nombre y un color, y es básicamente el mismo que Inicio rápido: enlazar datos y estilos. En este caso, el objeto administra el proceso de cambio en sí, en lugar de responder a un botón que desencadena el cambio.

Cómo usar plantillas para enlazar datos

Las plantillas de la biblioteca de Windows para JavaScript permiten dar formato a varias instancias de datos y mostrarlas de forma sencilla. Puedes usar estas plantillas junto con los objetos ListView y FlipView para especificar la manera en que quieres que se muestren. También puedes usar una plantilla para enlazar varias instancias de un objeto de datos sin usar una vista predefinida. Para más información sobre cómo usar una plantilla con un control ListView, consulta Inicio rápido: agregar ListView. Para más información sobre cómo usar una plantilla con un control FlipView, consulta Agregar controles FlipView. En el siguiente procedimiento se muestra cómo usar una plantilla con una matriz.

Puedes definir una plantilla de forma declarativa como un control de WinJS y especificar su estructura y estilo internos. Aunque se declaren como elementos DIV, las plantillas no se procesan como parte del DOM y no se devuelven como parte de los resultados de búsqueda del DOM. Puedes especificar el elemento DIV en el que debe aparecer la plantilla o permitir que el método render cree su propio elemento DIV. En este tema se muestra cómo usar una plantilla para enlazar un número variable de objetos de datos enlazables a un elemento DIV. El usuario elige el número de objetos que se van a mostrar mediante la selección de un elemento en una lista desplegable.

 

Audiencia del desarrollador

Esta sección está diseñada para que la usen los desarrolladores de aplicaciones de Windows en tiempo de ejecución con JavaScript que deseen mostrar diferentes tipos de datos en sus aplicaciones.