Référence Dojo et Dijit pour toutes les propriétés

Question

Je faisais des expériences avec Dojo et Dijit ces derniers jours et je trouve cela très intéressant. J'essayais cependant de trouver une référence ou un document API qui m'aide à comprendre toutes les propriétés que je peux attribuer aux widgets et aux conteneurs.

Par exemple, un onglet avec une icône Enregistrer sera comme ceci:

<div data-dojo-type="dijit.layout.ContentPane" title="Group Two" data-dojo-props="iconClass: 'dijitEditorIcon dijitEditorIconSave'"> 

Maintenant, où puis-je trouver ce qu'il faut mettre dans la propriété « data-dojo-accessoires »? Où puis-je trouver par exemple toute la liste des icônes?

Ma question principale serait par exemple sur la façon de créer une barre de menu verticale, mais au-delà des exemples bizarres dispersés ici et là, la référence api est peu utile ...

Toute aide? Est-ce que j'ai râté quelque chose?

Answer 1

Pour ce genre de situation, l'astuce consiste à apprendre à convertir entre le style JavaScript programmatique et le style HTML déclaratif (et parfois aussi entre l'ancien style déclaratif, sans données).

Pour le nouveau style déclaratif, le seul argument "réel" est data-dojo-props et consiste en un objet qui sera transmis au constructeur du widget.

//programatic style 
new dijit.myWidget({foo:'a', bar:'b'}); 

//declarative style 
<div data-dojo-type="dijit.myWidget" data-dojo-props="foo:'a', bar:'b'"></div> 

Vous pouvez trouver ce que les propriétés d'un widget accepte en cochant la recherche documentation widget correspondant et soit des exemples déclaratives ou programmatiques (maintenant que nous savons comment convertir entre eux). Si cela ne suffit pas, vous pouvez également vérifier le code source - il est généralement très bien commenté et est où api.dojotoolkit.org obtient ses données de toute façon.