← Documentación
General

Agregar tarjetas (colección)

Llena un componente TARJETAS (estilo Tinder) con datos: crea una tarjeta por cada elemento de un JSON, repitiendo el diseño de la tarjeta plantilla. Funciona i

Llena un componente TARJETAS (estilo Tinder) con datos: crea una tarjeta por cada elemento de un JSON, repitiendo el diseño de la tarjeta plantilla. Funciona igual que «Agregar swiper (colección)» y «Agregar lista (colección)» y comparte su modal de configuración (plantillas, reglas, ligas, {{item.campo}}). El control que eliges tiene que ser un componente TARJETAS; sus tarjetas (hijos directos) son las plantillas. Cómo se arma: 1) Pon un componente Tarjetas y, con «+ Agregar tarjeta», la tarjeta plantilla con el diseño de UN elemento (foto, nombre, edad…) usando {{item.campo}}. 2) Agrega este paso, elige las Tarjetas y dale los Datos (un arreglo JSON, por ejemplo el resultado de una Petición HTTP o de «Consultar filas»). 3) En los eventos de las Tarjetas (Al deslizar a la derecha / izquierda…) usa «Items» en el ▾ de cualquier campo para leer el elemento de la tarjeta que decidiste (por ejemplo su id) y «Dato del evento» para la dirección. Mientras la lógica no cargue datos, las tarjetas no se ven.

Entradas

  • Acción (select)
  • Tarjetas (sus tarjetas son las plantillas) (controlRef)
  • Datos (arreglo JSON) (text)
  • Ruta de los datos (opcional, ej. data.items) (text)
  • Orden (select)
  • Plantillas por elemento (select)