data:items[i].itemThumbnail
- Blogger Data Documentation
- Description de la donnée
data:items[i].itemThumbnail
est un objet de données Blogger du gadget « Liste des blogs » contenant des items en relation avec la vignette de l'article le plus récent du blog ou du site web.- Intégration dans le code XML
- Dans les nœuds enfants du gadget BlogList.
- Directives d'usage et niveau de priorité de mise à jour
-
Thème Version 1Garantie d'usage : OuiPriorité faibleThème Version 2Garantie d'usage : OuiPriorité moyenneThème DynamiqueGarantie d'usage : AucuneAucune prioritéThème Version 3Garantie d'usage : OuiPriorité haute
- Disponibilité par défaut par type de pages
- Toutes les pages.
- Set de réglages XML
- Inexistant.
- Condition additionnelle
- L'article doit contenir une image.
Ressources
Échantillonnage principal et les réglages
widget:
type: BlogList,
version: 1 | 2
,
this:
items:
itemThumbnail: object,
/* NO SETTINGS */
Échantillonnage des items de l'objet - Gadget Version 1
widget:
type: BlogList,
version: 1
,
this:
items:
itemThumbnail:
url: string,
width: number,
height: number
Implantation de l'objet
L'objet étant emboîté dans plusieurs tableaux, le choix de la méthode d'extraction dépendra du résultat que vous voulez obtenir.
Pour réduire le temps de réponse, limitez le nombre de boucles et privilégiez l'usage de filtres :
Filtres premier et dernier set d'un tableau Les opérateurs de tableaux Les opérateurs Lambdas
Syntaxe basique
<b:includable id='main'> <b:loop values='data:items' var='item'> <!-- Tag --> <data:item.itemThumbnail.ITEM_NAME/> <!-- Attribute value --> <b:eval expr='data:item.itemThumbnail.ITEM_NAME'/> </b:loop> </b:includable>
Syntaxe d'uniformisation
<b:includable id='main' var='this'> <b:loop values='data:this.items' var='item'> <b:with value='data:item.itemThumbnail' var='itemThumbnail'> <!-- Tag --> <data:itemThumbnail.ITEM_NAME/> <!-- Attribute value --> <b:eval expr='data:itemThumbnail.ITEM_NAME'/> </b:with> </b:loop> </b:includable>
La syntaxe d'uniformisation est une méthode qui consiste à inclure l'item dans un objet afin d'obtenir la formule object.item
. Cette méthode permet de faciliter la réutilisation d'inclusions contenant les mêmes jeux de données, même si les items ne sont pas dans le même nœud ou dans le même dictionnaire.
Indice de l'item
<b:includable id='main'> <b:loop values='data:items' var='item' index='i'> <!-- Index (number) --> <data:i/> <!-- Index [i] --> <b:eval expr='data:items[i].itemThumbnail.ITEM_NAME'/> <!-- Index [i+1] --> <b:with value='data:i + 1' var='next'> <b:eval expr='data:items[next].itemThumbnail.ITEM_NAME'/> </b:with> <!-- Index [i-1] --> <b:if cond='data:i gt 0'> <b:with value='data:i - 1' var='prev'> <b:eval expr='data:items[prev].itemThumbnail.ITEM_NAME'/> </b:with> </b:if> </b:loop> </b:includable>
L'indice est un nombre entier positif (0 compris) qui représente la position de l'élément dans un tableau. Il peut être intègré directement dans la donnée de cette manière : data:array[index].item
. Quant à la donnée, elle doit obligatoirement être dans un attribut d'expression.
Dans notre exemple, nous utilisons l'indice pour retrouver l'élément courant [i]
, l'élément suivant [i+1]
et l'élément précédant [i-1]
.
Premier et dernier item
<b:includable id='main'> <!-- First --> <b:eval expr='data:items.first.itemThumbnail.ITEM_NAME'/> <!-- Last --> <b:eval expr='data:items.last.itemThumbnail.ITEM_NAME'/> </b:includable>
first
et last
sont des filtres qui permettent d'obtenir respectivement le premier et dernier élément d'un tableau sans avoir à recourir à l'usage d'une boucle.
Mappage
<b:includable id='main'> <b:loop values='data:items map (item => item.itemThumbnail.ITEM_NAME)' var='item'> <!-- Tag --> <data:item/> <!-- Attribute value --> <b:eval expr='data:item'/> </b:loop> </b:includable>
Le mappage est une opération qui consiste à regrouper des items d'un ensemble dans un nouvel ensemble.
Dans ce cas-ci, nous utilisons l'opérateur lambda map
.
Récipients dans le thème
Cette section répertorie les emplacements des récipients qui accueillent cette donnée.
Données dans le même ensemble
data:this.items[i]...