data:widgets[i].headerByline.items (Global)

Blogger - data:widgets[i].headerByline.items

Data Type	Gadget Version 1	Gadget Version 2
array[Object]	Inexistant	Global

Description de l'ensemble: data:widgets[i].headerByline.items est un tableau universel Blogger contenant les items des options des articles actives et positionnées dans l'entête des articles.
Intégration dans le code XML: Dans les nœuds enfants de la balise <html>, excepté à l'intérieur des marqueurs <![CDATA[ ]]>.
Directives d'usage et niveau de priorité de mise à jour: Thème Version 1

Garantie d'usage : Inexistant

Aucune priorité

Thème Version 2

Garantie d'usage : Inexistant

Aucune priorité

Thème Dynamique

Garantie d'usage : Inexistant

Aucune priorité

Thème Version 3

Garantie d'usage : Oui

Priorité haute
Disponibilité par défaut par type de pages: Toutes les pages.
Disponibilité par type de gadgets: Gadget Blog.
Longueur maximum de l'ensemble: 7 options : Boutons de partage, Lien vers les commentaires, Localisation, Date de publication, Auteur de la publication, Liste des libellés et Bouton d'envoi par email.
Set de réglages XML: Disponible.
Condition additionnelle: Aucune.
Ensembles universels apparentés: widgets[i].allBylineItems; widgets[i].footerBylines[i].items

Échantillonnage principal et les réglages du tableau


  widgets: 
    headerByline: 
      items: array,
        
          size: number,
          length: number,
          empty: boolean,
          notEmpty: boolean,
          any: boolean,
          first: object,
          last: object
        ,
        
          share: object,
          author: object,
          timestamp: object,
          comments: object,
          labels: object,
          location: object,
          icons: object

Échantillonnage des items du tableau


  widgets: 
    headerByline: 
      items: 
        name: string,
        label: string

Parenté - Enfant de :

Global
widgets
headerByline
items

Gestion des items du tableau

Le tableau contient uniquement les items des options des articles qui ont été positionnées dans la ligne de l'entête de l'article.

Le nombre d'éléments dans le tableau varie en fonction des options activées dans le panneau de configuration du widget Blog :

UI
Mise en page
Modifier widget Blog
Cocher les options

L'ordre des éléments du tableau est établi via le panneau de configuration du widget Blog :

UI
Mise en page
Modifier widget Blog
Organiser les éléments

Implantation du tableau

Le tableau étant emboîté dans plusieurs tableaux, le choix de la méthode d'implantation 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 :

Syntaxe basique
Indice
Sens inverse

Syntaxe basique

<b:loop values='data:widgets.Blog.first.headerByline.items' var='item'>

  <!-- Tag -->
  <data:item.ITEM_NAME/>

  <!-- Attribute value -->
  <b:eval expr='data:item.ITEM_NAME'/>

</b:loop>

Indice de l'item

<b:loop values='data:widgets.Blog.first.headerByline.items' var='item' index='i'>

  <!-- Index (number) -->
  <data:i/>

  <!-- Index [i] -->
  <b:eval expr='data:widgets.Blog.first.headerByline.items[i].ITEM_NAME'/>

  <!-- Index [i+1] -->
  <b:with value='data:i + 1' var='next'>
    <b:eval expr='data:widgets.Blog.first.headerByline.items[next].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:widgets.Blog.first.headerByline.items[prev].ITEM_NAME'/>
    </b:with>
  </b:if>

</b:loop>

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].

Sens inverse de la boucle

<!-- REVERSE EXPLICIT -->
<b:loop values='data:widgets.Blog.first.headerByline.items' var='item' reverse='true'>
  <data:item.ITEM_NAME/>
</b:loop>

<!-- REVERSE CONDITION -->
<b:loop values='data:widgets.Blog.first.headerByline.items' var='item' expr:reverse='data:view.isPost'>
  <data:item.ITEM_NAME/>
</b:loop>

Le sens de lecture du tableau peut être inversé en injectant l'attribut reverse dans la balise <b:loop>. La valeur de l'attribut doit être true (vrai).

Dans nos exemples, nous utilisons 2 méthodes.

La première, est une valeur explicite permanente.
Dans la 2e méthode, nous ajoutons une expression booléenne qui inversera la boucle que si le résultat est vrai.

Les réglages du tableau

Les réglages sont des items contenus dans l'objet du tableau qui renvoient une nouvelle valeur. Dans la syntaxe, ils s'ajoutent à la suite du nom du tableau.

Introduction aux réglages des données

Les réglages autorisés pour ce tableau sont :

Filtre par option
Premier/Dernier
Longueur
Est vide ?

Filtre par option

<!-- SHARE -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.share.ITEM_NAME'/>

<!-- AUTHOR -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.author.ITEM_NAME'/>

<!-- TIMESTAMP -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.timestamp.ITEM_NAME'/>

<!-- COMMENTS -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.comments.ITEM_NAME'/>

<!-- LABELS -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.labels.ITEM_NAME'/>

<!-- LOCATION -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.location.ITEM_NAME'/>

<!-- MAIL BUTTON -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.icons.ITEM_NAME'/>

En appliquant le nom d'une option comme suffixe à la donnée, le tableau devient un objet ne contenant plus que les items de cette option.

Filtrer par option

Premier et dernier item du tableau

<!-- FIRST ITEM -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.first.ITEM_NAME'/>

<!-- LAST ITEM -->
<b:eval expr='data:widgets.Blog.first.headerByline.items.last.ITEM_NAME'/>

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.

Premier et dernier set d'un tableau

Longueur du tableau

<!-- WITH SIZE -->
<data:widgets.Blog.first.headerByline.items.size/>

<!-- WITH LENGTH -->
<data:widgets.Blog.first.headerByline.items.length/>

Les suffixes size et length permettent de connaître le nombre de set dans ce tableau. Le résultat sera une valeur numérique.

Longueur d'un tableau

Ce tableau est vide ?

<!-- EMPTY -->
<b:if cond='data:widgets.Blog.first.headerByline.items.empty'></b:if>

<!-- NOT EMPTY -->
<b:if cond='data:widgets.Blog.first.headerByline.items.notEmpty'></b:if>

<!-- ANY -->
<b:if cond='data:widgets.Blog.first.headerByline.items.any'></b:if>

Pour savoir si ce tableau n'est pas vide, appliquez le suffixe empty au tableau.
Pour vérifier si ce tableau contient des sets, appliquez les suffixes notEmpty ou any au tableau.
Quelque soit le suffixe, l'expression renverra une valeur booléenne.

Le tableau est vide ?

Intégration dans des opérations

Des opérateurs peuvent traiter les tableaux et leur contenu. Le nombre de combinaisons étant très élevé, nous vous fournissons uniquement que quelques exemples basics.

Introduction aux opérateurs

Limites
Plage de nombres
Lambdas

Inclure les sets jusqu'à / à partir de

<b:with value='data:widgets.Blog.first.headerByline.items' var='items'>

  <!-- HALF ARRAY LENGTH (POSITIVE INTEGER) -->
  <b:with value='(data:items.length - (data:items.length % 2)) / 2' var='half'>

    <!-- TAKE (FIRST HALF) -->
    <b:loop values='data:items take data:half' var='item'>
      <b:eval expr='data:item.ITEM_NAME'/>
    </b:loop>

    <!-- SKIP (SECOND HALF) -->
    <b:loop values='data:items skip data:half + 1' var='item'>
      <b:eval expr='data:item.ITEM_NAME'/>
    </b:loop>

  </b:with>

</b:with>

take et skip sont deux opérateurs de tableaux qui permettent de contrôler le nombre de sets à inclure dans la boucle.

take inclu jusqu'au énième set, tandis que skip inclu à partir du énième set.

Dans notre exemple, nous divisons la longueur totale du tableau par 2 et nous traitons la 1ère moitié et la seconde moitié du tableau dans 2 boucles séparées.

Les opérateurs de tableaux

Plage de nombres

<b:with value='data:widgets.Blog.first.headerByline.items' var='items'>

  <b:if cond='data:items.any'>

    <!-- CHRONOLOGICAL -->
    <b:loop values='0 to data:items.size - 1' var='number'>
      <b:eval expr='data:items[number].ITEM_NAME'/>
    </b:loop>

    <!-- REVERSE -->
    <b:loop values='data:items.size - 1 to 0' var='number'>
      <b:eval expr='data:items[number].ITEM_NAME'/>
    </b:loop>

  </b:if>

</b:with>

to est un opérateur qui génère une plage de nombres.

Dans cet exemple, nous utilisons l'opérateur comme indice. Ce qui permet de controler le sens de lecture de la boucle.

Opérations Lambdas

<b:with value='data:widgets.Blog.first.headerByline.items' var='items'>

  <!-- CONDITION -->
  <b:if cond='data:items all (item => item.ITEM_NAME)'></b:if>

  <!-- COUNT -->
  <b:eval expr='data:items count (item => item.ITEM_NAME)'/>

  <!-- FILTER -->
  <b:loop values='data:items where (item => item.ITEM_NAME)' var='item'>
    <b:eval expr='data:item.ITEM_NAME'/>
  </b:loop>

  <!-- MAPPING -->
  <b:loop values='data:items map (item => item.ITEM_NAME)' var='item'>
    <b:eval expr='data:item'/>
  </b:loop>

</b:with>

Un lambda est une expression qui évalue le contenu d'un tableau. Selon l'opérateur, on peut obtenir une condition, un compteur, un filtre ou un mappage d'après un ou plusieurs critères spécifiques au contenu de ce tableau.

Dans nos exemples, nous reprenons la syntaxe basique de chaque opérateur avec comme critère un quelconque item du tableau. Ce critère peut être une opération plus complexe.

Les opérateurs lambdas

Récipients dans le thème

Cette section répertorie les emplacements des récipients qui accueillent cette donnée.

ID Inclusion	Balisage
`bylineRegion`	Original
`headerByline`	Original
`headerByline`	Contempo Essential

Données dans le même ensemble

data:widgets[i].headerByline...

items
regionName

data:widgets[i].headerByline

`data:widgets[i].headerByline.items` - Blogger Data Documentation

Ressources

Échantillonnage principal et les réglages du tableau

Échantillonnage des items du tableau

Gestion des items du tableau

Implantation du tableau

Syntaxe basique

Indice de l'item

Sens inverse de la boucle

Les réglages du tableau

Filtre par option

Premier et dernier item du tableau

Longueur du tableau

Ce tableau est vide ?

Intégration dans des opérations

Inclure les sets jusqu'à / à partir de

Plage de nombres

Opérations Lambdas

Récipients dans le thème

Données dans le même ensemble

Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Populaires cette semaine

2006 - Thèmes Version 1 - Les premiers pas du XML Blogger (partie 1)

Foire aux questions Blogger (Janvier 2022)

Introduction : Les opérateurs Blogger / Blogger operators

data:widgets[i].headerByline.items - Blogger Data Documentation

Ressources

Échantillonnage principal et les réglages du tableau

Échantillonnage des items du tableau

Gestion des items du tableau

Implantation du tableau

Syntaxe basique

Indice de l'item

Sens inverse de la boucle

Les réglages du tableau

Filtre par option

Premier et dernier item du tableau

Longueur du tableau

Ce tableau est vide ?

Intégration dans des opérations

Inclure les sets jusqu'à / à partir de

Plage de nombres

Opérations Lambdas

Récipients dans le thème

Données dans le même ensemble

Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Populaires cette semaine

2006 - Thèmes Version 1 - Les premiers pas du XML Blogger (partie 1)

Foire aux questions Blogger (Janvier 2022)

Introduction : Les opérateurs Blogger / Blogger operators

`data:widgets[i].headerByline.items` - Blogger Data Documentation