wc.widget.ScrollablePane

Le widget ScrollablePane (panneau défilant) affiche un série de produits avec leur photo miniature et leurs détails. Il permet d'ajouter un effet de défilement pour les articles ou les images situés dans le contenu du widget. Chaque élément dans le volet à faire défiler doit être contenu dan un widget ContentPane. Le volet à faire défiler prendre en charge le défilement automatique et manuel des éléments affichés dans le widget.

Exemple de résultat

Exemple de résultat obtenu avec le widget ScrollablePane

Exemple

<div id="id" dojoType="wc.widget.ScrollablePane"
  autoScroll='false'
  altPrev = '<fmt:message key="SCROLL_LEFT" bundle="${storeText}" />'
  altNext = '<fmt:message key="SCROLL_RIGHT" bundle="${storeText}" />'>
  <div dojoType="dijit.layout.ContentPane" class="imgContainer">
    HTML markup of the scrollable object
  </div>
  <div dojoType="dijit.layout.ContentPane" class="imgContainer">
    HTML markup of the scrollable object
  </div>
</div>

Définition de style

imgContainer: Chaque article inclus dans le panneau défilant est contenu dans une division dont la classe est imgContainer. Chaque article du panneau défilant est contenu dans une division de cette classe.
navNext: Le style du contrôle de navigation vers la droite.
navPrev: Le style du contrôle de navigation vers la gauche.
thumbsNode: Le style entre le thumbScroller et l'imgContainer.
thumbOuter: Le widget ScrollablePane est lui-même contenu en entier dans une division de cette classe.
thumbScroller: Tous les articles défilants.

Paramètres

altNext: (String) Le texte alternatif (alt) du contrôle de navigation vers la droite.
altPrev: (Chaîne) Le texte alternatif (alt) du contrôle de navigation vers la gauche.
autoScroll: (Booléen) Ce fanion indique si le défilement du contenu du panneau est automatique ou manuel. Lorsque sa valeur est true, les articles défilent automatiquement. La valeur par défaut est false.
autoScrollDir: (Entier) Indique le sens de défilement. Les valeurs acceptables sont -1 et 1. La valeur par défaut est 1.
buttonSize: (Entier) Indique la taille des boutons, en pixels.
delay: (Integer) Indique la durée de l'animation, en millisecondes.
direction: (Entier) Indique le sens de défilement de l'animation. Les seules valeurs admises sont -1 et 1, la valeur par défaut étant 1 et correspondant à un défilement de l'animation vers la gauche : les nouveaux produits surgissent de la droite lorsque l'animation défile horizontalement, ou du bas lorsque le défilement est vertical.
isHorizontal: (Booléen) Indique si les miniatures doivent être affichées horizontalement ou verticalement. Lorsque la valeur est true, les miniatures sont affichées horizontalement. Lorsque la valeur est false, les miniatures sont affichées verticalement. La valeur par défaut est true.
itemSize: (Entier) Indique la largeur, en pixels, de chaque article défilant.
scrollByPage: (Boolean) Indique si le défilement de la liste doit se faire page par page et non article par article. La valeur par défaut est false.
totalDisplayNodes: (Integer) Indique le nombre total d'articles visibles en même temps.