data:expclass
- Blogger Data Documentation
Data Type | Gadget Version 1 | Gadget Version 2 |
---|---|---|
string | BlogArchive | BlogArchive |
Description des données :
data:expclass
,data:data[i].expclass
,data:data[i].data[i].expclass
etdata: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 :
- 12
this
expclass
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
.
É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
.
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 |
Données dans le même ensemble
data
expclass
name
post-count
posts
style
title
toggleId
toggleopen
url