Página inicial

Unidad 23. AJAX y Spry Framework (III)


Definiendo regiones

 

Una vez definido el dataset continuaremos creando la página como hemos visto hasta ahora.

Sólo deberemos crear una zona especial donde queramos mostrar datos almacenados en el dataset.

Para ello definiremos una región Spry. Esta región indicará que dentro de esta etiqueta se encontrarán etiquetas especiales (propias de Spry) que nos permitirán incluir información y comportamientos dinámicos.

Para definir una etiqueta sólo tendremos que escribir el siguiente atributo:

<div spry:region="miDataSet">

...

</div>

 

Deberemos especificar el dataset con el que trabajaremos dentro de la región pues como veremos más adelante es posible trabajar con más de un objeto de registros a la vez.

 

Las regiones tienen solamente una excepción, no se pueden declarar en una etiqueta que pertenezca al siguente listado:

COL TABLE
COLGROUP TBODY
FRAMESET TFOOT
HTML THEAD
IFRAME TITLE
STYLE TR

Lo cual no significa que estas etiquetas no puedan aparecer dentro de la región. Simplemente no podrás utilizarlas para declararla.

Lo más secillo es utilizar la etiqueta DIV si queremos crear una región pequeña o directamente sobre la etiqueta BODY de la página si quieres incluir datos y comportamientos indiscriminadamente y te es dificil establecer una región especifica dentro de la página.

 

Mostrar información

 

Una vez definida la región donde utilizaremos el dataset, ya estamos preparados para poder incluir la información guardado en él.

Para ello sólo tendremos que escribir el nombre de la columna que queremos mostrar, tal cual hacíamos con los recordset que utilizabamos en las páginas dinámicas:

<div spry:region="miDataSet">

<table>

<tr>

<td>{miDataSet::@id}</td>

<td>{miDataSet::propiedad}</td>

</tr>

</table>

</div>

En este ejemplo podrás ver cómo definimos la región Spry. Dentro de ella creamos una tabla que mostará el valor del atributo id del elemento y el valor de su hijo propiedad.

Para mostrarlo escribimos entre llaves el nombre del dataset seguido de ::, luego indicaremos el nombre de la columna.

Recuerda que si queremos referirnos al valor de un atributo deberemos utilizar el símbolo @.

 

En regiones en la que utilicemos un solo dataset (más adelante veremos que podemos utilizar varios a la vez) no será necesario indicar su nombre, por lo que podremos escribir entre llaves únicamente el nombre de la columna a mostrar:

<div spry:region="miDataSet">

<table>

<tr>

<td>{@id}</td>

<td>{propiedad}</td>

</tr>

</table>

</div>

 

Para practicar estos conceptos realiza el Ejercicio Paso a Paso Crear una Región con Información.

 




  Ir a la página anterior Índice del curso  Ir a la siguiente página  

Pág. 23.3

© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Agosto - 2006.