Liaison de données (HTML)

[ Cet article est destiné aux développeurs de Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Objectif

La liaison de données vous permet de synchroniser les éléments de votre application avec différentes sources de données, notamment des bases de données, des fichiers et des objets internes.

Dans cette section

Rubrique Description

Démarrage rapide : liaison de données et de styles

Vous pouvez lier des données et des styles à des éléments HTML à l’aide de la fonctionnalité de liaison de la bibliothèque Windows pour JavaScript. La liaison à l’aide de WinJS est une opération unidirectionnelle par défaut, ce qui signifie que l’élément HTML est mis à jour quand les valeurs de données et de style changent, mais que les données ne sont pas mises à jour quand l’élément HTML change. Ce didacticiel de démarrage rapide montre le type de liaison le plus élémentaire, une liaison déclarative à un objet simple ne contenant que des données. Pour plus d’informations sur les types de liaison plus avancés, voir Comment lier un objet complexe et Comment utiliser des modèles pour lier des données.

Comment lier un objet complexe

Dans de nombreux cas, vous voulez que votre application se lie à des objets complexes, notamment des objets qui gèrent les processus qui ne sont pas contrôlés par l’interface utilisateur de l’application. Cette rubrique montre comment écrire une application qui affiche des données provenant d’un objet contenant un nom et une couleur, ce qui correspond essentiellement à Démarrage rapide : liaison de données et de styles. Ici, c’est l’objet lui-même qui gère le processus de modification, plutôt que de répondre à un bouton qui déclenche la modification.

Comment utiliser des modèles pour lier des données

Les modèles de la Bibliothèque Windows pour JavaScript offrent un moyen pratique de mettre en forme et d’afficher plusieurs instances de données. Vous pouvez les utiliser conjointement avec des objets ListView et FlipView pour spécifier la manière dont vous souhaitez les afficher. Vous pouvez également utiliser un modèle pour lier plusieurs instances d’un objet de données sans utiliser d’affichage prédéfini. Pour plus d’informations sur l’utilisation d’un modèle avec ListView, voir Démarrage rapide : ajouter un objet ListView. Pour plus d’informations sur l’utilisation d’un modèle avec FlipView, voir Ajout de contrôles FlipView. La procédure suivante montre comment utiliser un modèle avec un tableau.

Vous pouvez définir un modèle de façon déclarative comme un contrôle WinJS et spécifier sa structure et son style interne. Bien que déclarés comme des éléments DIV, les modèles ne sont pas traités comme faisant partie du modèle DOM et ne sont pas pris en compte dans les résultats de recherche DOM. Vous pouvez spécifier l’élément DIV dans lequel le modèle doit apparaître ou autoriser la méthode de rendu à créer son propre élément DIV. Cette rubrique explique comment utiliser un modèle pour lier un nombre variable d’objets de données pouvant être liés à un élément DIV. L’utilisateur choisit le nombre d’objets à afficher en sélectionnant un élément dans une liste déroulante.

 

Audience de développeurs

Cette section est destinée aux développeurs d’applications Windows Runtime en JavaScript qui souhaitent afficher différents types de données dans leurs applications.