SillarAyudaIr a Sillar
Todos los temas

Navegación

Abrir el detalle de una fila de una lista

Del listado a una ficha: la ruta lleva un parámetro (/producto/:id) y la pantalla muestra solo esa fila.

Armás dos cosas: una pantalla de detalle con una ruta que lleva :id, y un botón en cada tarjeta de la lista que abre esa ruta con el id de su fila.

1. La pantalla de detalle

  1. En el panel Capas, tocá Agregar pantallas y elegí Pantalla nueva.

  2. Con la pantalla elegida (en Capas), en el campo Ruta del panel derecho escribí /producto/:id.

  3. Dentro, creá un marco. En la pestaña Datos, en Repetir por cada fila de, elegí la tabla.

  4. En Solo las filas donde, elegí Id de la fila.

  5. En el campo, elegí vale lo que trae la ruta y escribí id.

2. El botón de la lista

  1. En el listado, elegí el botón (o la tarjeta) que está dentro de la lista.

  2. Abrí la pestaña Datos.

  3. En Acción · al apretar, escribí ir.pantalla("/producto/" + fila.actual.id).

Ejemplo

Botón “Ver más” que abre el detalle del producto

fila.actual es la fila de la tarjeta donde está el botón. Su id va al final de la ruta.

ir.pantalla("/producto/" + fila.actual.id);

Para probarlo, usá la vista previa o el sitio publicado. En el Lienzo se ve una sola fila de ejemplo.

¿No encontraste lo que buscabas?

Escribinos a [email protected]. Respondemos en menos de 24 horas.
Escribir a Sillar