Unidad 25. AJAX y Spry Framework (VII)

25.6. Crear repeticiones

Igual que hacíamos en las páginas dinámicas, Spry nos permite la repetición de elementos para mostrar el contenido completo del dataset y así poder visualizar todos los registros.

 

Para ello utilizaremos el atributo spry:repeat.

Este atributo repite la etiqueta en la que está colocado tantas veces como registros pueda encontrar en el dataset.

De esta forma el siguiente bloque de código reproduciría un listado desordenado con tantos items como registros existan en el archivo XML:

Su uso es igual que spry:region. Incluiremos la repetición dentro de la región. Podemos hacerlo desde el panel Insertar Spry pulsando o directamente desde el código, lo que nos permite asignarlo a más etiquetas, como vemos en este ejemplo:

<div spry:region="miDataSet">
  <ul>
    <li spry:repeat="miDataSet">{@id}, {propiedad}</li>
 </ul>
</div>

Sencillo, ¿verdad?

También tenemos la posibilidad de utilizar spry:repeatchildren, que al contrario que el anterior no repite la etiqueta en la que se encuentra, sino aquellas etiquetas que estén contenidas en ella.

Por ejemplo, podríamos conseguir el mismo resultado que en el código anterior escribiendo:

<div spry:region="miDataSet">
  <ul spry:repeatchildren="miDataSet">
    <li>{@id}, {propiedad}</li>
  </ul>
</div>

Esto hará que los hijos de la etiqueta ul se repitan para cada registro. Por lo que también se creará un listado con tantos items como elementos haya en el dataset.

Recuerda, que podíamos hacer esto desde el diseño, con la opción Lista de repeticiónd e Spry.

 

Para practicar realiza el Ejercicio Paso a Paso Crear repeticiones.

Pág. 25.7

Atrás  Inicio  Adelante