tal:repeat – devfrontend.info

\\change30\alainflou\modules\project\persistentdocument\frame.class.php

/**
 * @return string[]
 */
public function getPublishedDeclinationColorsCode($shapetype = null, $shop = null)
{
    return project_FrameService::getInstance()->getPublishedDeclinationColorsCode($this, $shapetype, $shop);
}

/**

* @return string[]

public function getPublishedDeclinationColorsCode($shapetype = null, $shop = null)

{

return project_FrameService::getInstance()->getPublishedDeclinationColorsCode($this, $shapetype, $shop);

}

\\change30\alainflou\themes\responsive\modules\project\templates\Project-Block-ProductItem-List.all.all.html

<p>${php: var_dump(product.getDeclinedproduct().getPublishedDeclinationColorsCode())}</p>

1	<p>${php: var_dump(product.getDeclinedproduct().getPublishedDeclinationColorsCode())}</p>

<ul class="product-declination-colors">
    <tal:block tal:repeat="colorID product/getDeclinedproduct/getPublishedDeclinationColorsCode">
        <li>
            <i class="icon color-${colorID}" />
        </li>
    </tal:block>
</ul>

<tal:block tal:repeat="colorID product/getDeclinedproduct/getPublishedDeclinationColorsCode">

<li>

</li>

</tal:block>

</ul>

Récupérer une propriété contenue dans un objet

Dans Change, chaque module a un dossier persistentdocument/. Ce dossier contient un ou plusieurs fichiers XML listant un ensemble de propriétés contenues dans un objet.

Par exemple, dans /modules/parking/persistentdocument/parking.xml, sont listées toutes les propriétés de l’objet parking :

<?xml version="1.0" encoding="utf-8"?>
<document xmlns="http://www.rbs.fr/schema/change-document/1.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.rbs.fr/schema/change-document/1.0 http://www.rbschange.fr/static/schema/change-document/3.5.xsd" model-version="3.5" has-url="false" use-rewrite-url="false">
  <properties>
    <add name="code" type="String" min-occurs="1"/>
    <add name="nom" type="String"/>
    <add name="picto" type="modules_media/media"/>
    <add name="libelle" type="String" localized="true"/>
    <add name="ferme" type="Boolean"/>
    <add name="message" type="String" localized="true" db-size="100"/>
    <add name="devise" type="modules_list/item" min-occurs="0" max-occurs="1" from-list="modules_parking/devise"/>
    <add name="pourcentagevert" type="Integer" min-occurs="1" default-value="20"/>
    <add name="pourcentageorange" type="Integer" min-occurs="1" default-value="80"/>
    <add name="duree" type="Integer">
      <constraints>min:-1</constraints>
    </add>
    <add name="handicape" type="Integer"/>
    <add name="occupation" type="Integer"/>
    <add name="maximum" type="Integer"/>
    <add name="mode" type="Integer"/>
    <add name="libre" type="Integer"/>
    <add name="etat" type="Integer"/>
    <add name="display" type="Integer" default-value="0" from-list="modules_parking/parkingdisplay" localized="true"/>
  </properties>
  <statuses default="PUBLICATED"/>
  <serializedproperties>
	</serializedproperties>
</document>

<?xml version="1.0" encoding="utf-8"?>

</add>

</properties>

</serializedproperties>

</document>

Si, dans mon template de bloc, je souhaite récupérer l’information de nom de l’objet parking, je procède comme suit :

<tal:block tal:repeat="parking parkings">
  <p>${parking/getNom}</p>
</tal:block>

<tal:block tal:repeat="parking parkings">

<p>${parking/getNom}</p>

</tal:block>

Admettons qu’on souhaite ajouter, dans une boucle, une classe de type color-x (où x correspond à une valeur qui doit s’incrémenter) sur un élément <li> qui se répète en fonction du nombre d’entrées disponibles dans notre menu. Exemple du résultat attendu :

<ul class="level1">
  <li class="color-0">
  <li class="color-1">
  <li class="color-2">
  <li class="color-3">
  <li class="color-4">
  <li class="color-5">
</ul>

</ul>

Commencer par repérer la boucle dans laquelle se trouve l’élément qui se répète sur lequel nous souhaitons agir. Dans un menu Change, les boucles sont mises en place à l’aide de la condition tal:repeat. Exemple :

    <ul tal:condition="parent/hasChildren" class="level${parent/getChildrenLevel}">
        <tal:block tal:repeat="entry parent/getChildren">

1 2	<ul tal:condition="parent/hasChildren" class="level${parent/getChildrenLevel}"> <tal:block tal:repeat="entry parent/getChildren">

Dans note exemple, il est important de repérer ce qu’on souhaite répéter. Ici, il s’agit de la première information déclarée en arguments dans le tal:repeat à savoir entry.

Ensuite, repérer l’élément sur lequel on souhaite ajouter notre classe de type color-x et ajouter la valeur à incrémenter comme suit :

<li class="color-${repeat/entry/index}">

1	<li class="color-${repeat/entry/index}">

Note : on retrouve notre information entry au sein de la chaîne de caractère : ${repeat/entry/index}.

Articles récents

Catégories

Archives

Méta

Étiquette : tal:repeat

[RBS Change 3.x] Effectuer une boucle tal:repeat qui rapporte l’ensemble des informations contenues dans une fonction

Récupérer une propriété contenue dans un objet

[RBS Change 3.x] Dans un template de menu, ajouter une classe avec valeur incrémentée sur un élément contenu dans une boucle.