Una plantilla define la representación gráfica de un
nodo o un enlace con una serie de caracteres o una descripción de
objeto del contenido del nodo o del enlace. La
descripción se basa en la especificación de serialización dojox.gfx
(consulte
http://docs.dojocampus.org/dojox/gfx).
A este mecanismo se le conoce como plantillas.
En la terminología de Dojo Diagrammer, una plantilla es
una descripción de la representación gráfica de un nodo o enlace. Se
expresa como una serie JSON pero también puede ser un objeto
JavaScript normal.
La plantilla siguiente muestra un nodo como una forma
rectangular azul básica. Define la forma gráfica como una forma GFX
Rect (indicado por el tipo de propiedad, ‘rect’) con un tamaño de
130x80 píxeles y cuyo color de relleno es azul:
1. { 2. shape: { 3. type:'rect', 4. width:130, 5. height:80 6. }, 7. fill: 'blue' 8.}
La ubicación de la forma rectangular no se especifica y,
por consiguiente, se establece en el valor predeterminado (0,0).
Para que un nodo contenga más de una forma, la plantilla
debe definir una matriz de nivel superior que contenga formas hijo.
La plantilla siguiente muestra una forma rectangular
junto con una forma de texto.
1.[ 2.{ 3. shape: { 4. x: 0, 5. y: 0, 6. width: 80, 7. height: 40, 8. r: 5, 9. type: 'rect' 10. }, 11. fill: 'blue', 12. stroke: { 13. 'color': 'black', 14. 'width': 2 15. } 16.}, 17.{ 18. shape: { 19. type: 'text', 20. text: 'Hello World!', 21. x: 40, 22. y: 24, 23. align: 'middle' 24. }, 25. fill: 'black', 26. font: { 27. type: 'font', 28. size: '10pt', 29. family: 'sans-serif' 30. } 31.} 32.]
La primera forma, definida entre las líneas 2 y 16, es
la misma forma rectangular del ejemplo anterior, pero se le ha
añadido un trazo personalizado (línea 12). La segunda forma, definida
entre las líneas 17 y 31, es una forma GFX de texto que muestra la
etiqueta Hello world!