Problème : nous avons un template de bloc unique (un menu dans notre exemple) qui est utilisé plusieurs fois dans la page, chaque fois pour afficher un contenu différent mais avec un balisage similaire. Nous voulons cependant attribuer un ID unique à chaque occurence de ce bloc dans le DOM (dans notre exemple, pour pouvoir les ouvrir/fermer avec le composant Collapse de Bootstrap 3).
Solution : appliquer ${root/getDocument/getId} sur la valeur des attributs href et id :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<tal:block metal:define-macro="menuLevel"> [...] </tal:block> <div tal:attributes="class menuClass"> <h3 change:h="" tal:condition="configuration/getShowTitle"> <a class="" role="button" data-toggle="collapse" href="#js-footer-menu-nav-${root/getDocument/getId}" aria-expanded="false" aria-controls="">${root/getLabelAsHtml}<i class="icon icon-chevron-down"></i></a> </h3> <div id="js-footer-menu-nav-${root/getDocument/getId}" class="js-footer-menu-nav"> <tal:block tal:define="parent root" metal:use-macro="menuLevel" /> </div> </div> |