data:expclass - Blogger Data Documentation

Data Type Gadget Version 1 Gadget Version 2
string BlogArchive BlogArchive
Blogger - Gadget BlogArchive - data:expclass
  • Description des données :

    data:expclass, data:data[i].expclass, data:data[i].data[i].expclass et data:data[i].data[i].data[i].expclass sont des données Blogger du gadget « Archives du blog » contenant les classes CSS qui indiquent si l'ensemble enfant de la liste hiérarchique est réduit ou déployé..

  • Intégration dans le code XML :

    Dans les nœuds enfants du gadget BlogArchive.

  • Disponibilité par défaut par type de pages :

    Toutes les pages.

  • Longueur maximum de la valeur :

    Indéfini.

  • Set de réglages XML :

    Disponible.

  • Conditions additionnelles :

    expclass : Aucune.

    data[i].expclass : Aucune.

    data[i].data[i].expclass : L'affichage hiérarchique est requis.

    data[i].data[i].data[i].expclass : L'affichage hiérarchique quotidien est requis.



Ressources

Échantillonnage des ressources


  widget: 
    type: BlogArchive,
    version: 1 | 2
  ,
  this: 
    expclass: string,
      
        size: number,
        length: number,
        escaped: string,
        jsEscaped: string,
        jsonEscaped: string,
        cssEscaped: string
      ,
    data: 
      expclass: string,
        
          size: number,
          length: number,
          escaped: string,
          jsEscaped: string,
          jsonEscaped: string,
          cssEscaped: string
        ,
      data: 
        expclass: string,
          
            size: number,
            length: number,
            escaped: string,
            jsEscaped: string,
            jsonEscaped: string,
            cssEscaped: string
          ,
        data: 
          expclass: string,
            
              size: number,
              length: number,
              escaped: string,
              jsEscaped: string,
              jsonEscaped: string,
              cssEscaped: string
            
        
      
    
  

Parenté - Enfant de :



Valeurs

Les données ressortiront l'une des valeurs suivantes :

valeur signification
expanded Le contenu est déployé
collapsed Le contenu n'est pas déployé


Implantation des données

Les données étant emboîtées 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 :

Filtres premier et dernier set d'un tableau Les opérateurs de tableaux Les opérateurs Lambdas

Syntaxe basique

<b:includable id='main'>

  <!-- LEVEL 0 -->
  <data:expclass/>

  <!-- LEVEL 1 -->
  <b:loop values='data:data' var='level1'>
    <data:level1.expclass/>

    <!-- LEVEL 2 -->
    <b:loop values='data:level1.data' var='level2'>
      <data:level2.expclass/>

      <!-- LEVEL 3 -->
      <b:loop values='data:level2.data' var='level3'>
        <data:level3.expclass/>

      </b:loop>

    </b:loop>

  </b:loop>

</b:includable>

Dans cet exemple, nous avons choisi les noms de variable level0, level1, level2 et level3 afin de bien distinguer les tableaux imbriqués.

Syntaxe d'uniformisation

<b:includable id='main' var='this'>

  <b:loop values='data:this' var='period'>

    <!-- OUTPUT ALL LEVELS -->
    <data:period.expclass/>

    <!-- CALL NEXT LEVEL -->
    <b:include cond='data:period.data' data='period.data' name='main'/>

  </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 d'inclure les données équivalentes de tous les autres ensembles du gadget dans une même inclusion.
Dans cet exemple, nous avons choisi les noms de variable this pour les tableaux imbriqués et period pour les items des tableaux.

Dans tous les exemples suivants, nous utilisons cette syntaxe.

Indice de l'item

<b:includable id='main' var='this'>

  <b:loop values='data:this' var='period' index='i'>

    <!-- Index [i] -->
    <b:eval expr='data:this[i].expclass'/>

    <!-- Index [i+1] -->
    <b:with value='data:i + 1' var='next'>
      <b:eval expr='data:this[next].expclass'/>
    </b:with>

    <!-- Index [i-1] -->
    <b:if cond='data:i gt 0'>
      <b:with value='data:i - 1' var='prev'>
        <b:eval expr='data:this[prev].expclass'/>
      </b:with>
    </b:if>

    <!-- CALL NEXT LEVEL -->
    <b:include cond='data:period.data' data='period.data' name='main'/>

  </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 les données 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].

Attention !

Les éléments du niveau racine ne s'afficheront pas puisque ce niveau n'est pas un tableau.

Premier et dernier item

<b:includable id='main' var='this'>

  <!-- First -->
  <b:eval expr='data:this.first.expclass'/>

  <!-- Last -->
  <b:eval expr='data:this.last.expclass'/>


  <!-- CALL NEXT LEVEL -->
  <b:loop values='data:this' var='period'>
    <b:include cond='data:period.data' data='period.data' name='main'/>
  </b:loop>

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

Attention !

Les éléments du niveau racine ne s'afficheront pas puisque ce niveau n'est pas un tableau.

Mappage

<b:includable id='main' var='this'>

  <!-- OUTPUT ALL LEVELS -->
  <b:if cond='data:this.notEmpty'>
    <b:loop values='data:this map (this => this.expclass)' var='expclass'>
      <data:expclass/>
    </b:loop>
  </b:if>

    <!-- CALL NEXT LEVEL -->
  <b:loop values='data:this' var='period'>
    <b:include cond='data:period.data' data='period.data' name='main'/>
  </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.

L'ensemble racine étant déjà un tableau mappé, le gadget renverra une erreur. L'usage d'une condition pour exclure cet ensemble résoudra ce problème.



Réglages des données

Les réglages sont des items contenus dans l'objet des données qui renvoient une nouvelle valeur. Ils s'ajoutent à la suite des données.

Introduction aux réglages des données

Afin de simplifier les exemples, nous utilisons la syntaxe d'uniformisation.

Les réglages autorisés pour ces données sont :

Longueur de la chaîne de caractères

<b:includable id='main' var='this'>

  <b:loop values='data:this' var='period'>

    <!-- WITH SIZE -->
    <data:period.expclass.size/>

    <!-- WITH LENGTH -->
    <data:period.expclass.length/>


    <!-- CALL NEXT LEVEL -->
    <b:include cond='data:period.data' data='period.data' expclass='main'/>

  </b:loop>

</b:includable>

Le nombre de caractères de la chaîne peut être obtenu en utilisant les suffixes size ou length.

Longueur de la chaîne de caractères

Échappements de la chaîne de caractères

<b:includable id='main' var='this'>

  <b:loop values='data:this' var='period'>

    <!-- HTML ESCAPED -->
    <data:period.expclass.escaped/>

    <!-- JS ESCAPED -->
    <data:period.expclass.jsEscaped/>

    <!-- JSON ESCAPED -->
    <data:period.expclass.jsonEscaped/>

    <!-- CSS ESCAPED -->
    <data:period.expclass.cssEscaped/>


    <!-- CALL NEXT LEVEL -->
    <b:include cond='data:period.data' data='period.data' expclass='main'/>

  </b:loop>

</b:includable>

La chaîne de caractères peut être échappée en utilisant les suffixes escaped, jsEscaped, jsonEscaped et cssEscaped.

Échappements de la chaîne de caractères



Récipients dans le thème

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

Data Gadget Type ID Inclusion Gadget Version Layouts Version Thème
data[i].expclass
data[i].data[i].expclass
data[i].data[i].data[i].expclass
BlogArchive
interval 1 1 2
Default
data[i].expclass
data[i].data[i].expclass
data[i].data[i].data[i].expclass
BlogArchive
toggle 1 1 2
Default


Spotlight

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

Populaires cette semaine

Ajouter des boutons à la barre de partage Blogger