Unidad 24. Ejercicio paso a paso: Crear Condiciones

Objetivo

Practicar la crear filtros en un dataset.

Ejercicio

  1. Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.
  2. Abre el sitio libreria.
  3. Abre el archivo catalogo.php.
  4. En la zona editable busca la tabla que acabamos de añadir en el ejercicio anterior desde la vista de Código.
  5. Busca la segunda fila, la tr con spry:repeat, y alrededor de la fila y sus celdas, crea una etiqueta <tbody></tbody>.
  6. Quita el spry:repeat de la fila, y coloca un spry:repeatchildren en el <tbody>.
      <tbody  spry:repeatchildren="misLibros">
    <tr>
    <td>{isbn}</td>
    <td>{titulo}</td>
    <td>{autor}</td>
    <td align="right">{precio} €</td>
    </tr>
    </tbody>
    Ahora lo que se repiten son las filas hijas del tbody.
  7. Añade al <tbody> el atributo de conidición spry:choose="spry:choose".
  8. Copia la fila completa, y pégala dentro del tbody, para darles condiciones distintas a cada una.
  9. A la primera fila, añádele la siguiente condición;
    <tr spry:when="{ds_RowID}%2==0;" style="background-color:#D4FFFF">
  10. A la segunda, le damos la condición por defecto:
    <tr spry:default="spry:default">
  11. Guarda los cambios. La tabla te debe de haber quedado así:
    <div spry:region="misLibros">
    <table border="0" cellpadding="15" cellspacing="0">
    <tr>
    <th>ISBN</th>
    <th>Título</th>
    <th>Autor</th>
    <th>Precio</th>
    </tr>
    <tbody spry:repeatchildren="misLibros" spry:choose="spry:choose">
    <tr spry:when="{ds_RowID}%2==0;" style="background-color:#D4FFFF">
    <td>{isbn}</td>
    <td>{titulo}</td>
    <td>{autor}</td>
    <td align="right">{precio} €</td>
    </tr>
    <tr spry:default="spry:default">
    <td>{isbn}</td>
    <td>{titulo}</td>
    <td>{autor}</td>
    <td align="right">{precio} €</td>
    </tr>
    </tbody>
    </table>
  12. Pruébala en el navegador.

   Inicio