Modèles d’éléments pour les dispositions en grille (HTML)

[ Cet article est destiné aux développeurs 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 ]

Découvrez quels modèles d’éléments utiliser avec un objet ListView ayant une disposition en liste. Pour découvrir les modèles destinés à la disposition en grille, voir Modèles d’éléments pour les dispositions en liste.

Chaque modèle contient les informations suivantes :

• le code HTML qui définit un objet WinJS.Binding.Template et un objet ListView utilisant le modèle ;
• les styles CSS du modèle.

Pour utiliser le modèle, copiez le code HTML et les styles CSS dans votre projet. Le code HTML inclut un élément ListView conçu pour être utilisé avec le modèle. Après avoir copié le code HTML, définissez la propriété itemDataSource du contrôle ListView sur la source de données de votre application et mettez à jour les attributs data-win-bind du modèle pour qu’ils fonctionnent avec vos données.

Cette section contient les modèles suivants :

Dans cette section

Rubrique	Description
Modèle de texte et d’icône (applications)	Définit un élément qui représente un élément. L’élément contient une icône et un texte descriptif.
Modèle d’image (galerie)	Définit un élément d’une galerie d’images.
Modèle d’image (panier d’une galerie)	Définit un élément du panier d’une galerie d’images.
Modèle de superposition d’images (album)	Définit un élément qui affiche les détails d’un album : une image de l’album, des informations sur l’album et l’artiste.
Modèle de superposition d’images (dossier galerie)	Définit un élément d’un dossier d’une galerie d’images.
Modèle de superposition d’images (destination)	Définit un élément qui contient une image, une section avec du texte de grande taille et une section avec du texte plus petit.
Modèle de texte et d’image (collection)	Définit un élément qui contient une image, une grande en-tête, un sous-titre et un corps de texte.
Modèle de texte et d’image (fichier de liste)	Définit un élément qui représente un fichier : une icône, un nom, une date et une taille.
Modèle de texte (piste d’album)	Définit un élément qui contient le numéro de piste et le titre d’une piste d’un album.
Modèle textTile (destination)	Définit un élément qui représente une vignette. L’élément contient une section avec du texte en gras et une section avec du texte plus petit.
Modèle textTile (listFolder)	Définit un élément représentant une vignette. L’élément contient un en-tête.