Uso de tablas en aplicaciones web

Table set properties y Table update properties Los bloques se utilizan para diseñar tablas.

A primera vista, estos dos bloques parecen ser iguales. La diferencia está en cómo funcionan:

Table Set Properties El bloque cambia completamente la configuración actual. Aunque sólo se establezca un campo de entrada, todos los campos cambiarán; pasarán a estar vacíos. Table Update Properties El bloque sólo cambia los campos especificados, por lo que es una gran solución si sólo quiere cambiar parcialmente la configuración de la tabla.

Vamos a ver qué tipo de ajustes de visualización se pueden aplicar a las tablas.

Los ajustes se establecen mediante campos de entrada en los bloques Table set properties y Table update properties. Los campos son los siguientes:

  • Component ID - determina a qué tabla se aplicarán los cambios;
  • Title de la tabla;
  • Style - cambia el tamaño de las filas de la tabla;
  • Pagination - es responsable de las tablas de varias páginas; se puede utilizar en una tabla con un gran número de entradas para no sobrecargarla;
  • Bordered - bordes en la tabla;
  • Visible - mostrar/ocultar la tabla;
  • Loading - estado de carga; esta opción muestra a los usuarios que hay cambios en la tabla.

Los siguientes ajustes sólo funcionan cuando pagination está activado:

  • Current page - selección de la página de la tabla a mostrar;
  • Records for page - número de registros por página;
  • Total records - número total de registros en la tabla.

Ejemplo práctico

Vamos a utilizar una tabla sencilla para el modelo "Tarea".

Los datos se cargaron desde la base de datos a la tabla utilizando el onShow trigger. Establezcamos primero la configuración de visualización de la misma. Para ello, utilice el bloque Table set properties bloque.

En el bloque Component IDseleccione la tabla deseada.

En Title indique el nombre de la tabla - To Do List.

Establezca Style - Medio.

Activar Pagination.

Activar Bordered.

Es necesario encender Visible. De lo contrario, la mesa no se verá.

Encender Loading.

Ajuste Current page a 1 para ver la primera página.

Records for page se limitan a 5.

Total records se fijan en 10, por ejemplo.

Ahora se pueden guardar todos los ajustes.

Más sobre Loading

La tabla ha tomado la forma requerida. Lo único que falta, el estado de carga no desaparece. Se puede arreglar fácilmente. Para ello, cambie el valor de loading.. El estado de carga debería aparecer cuando los datos se estén cargando en las tablas y desaparecer cuando el proceso haya finalizado.

Así que se requiere un proceso de negocio que cambie las propiedades de la tabla después de que la carga de datos BP se haya completado.

El bloque de carga de datos termina con el Table update data bloque, y hay un onDataUpdate disparador que se ejecutará después de que se actualicen las tablas.

Asigna un nuevo BP a éste. Tome el Table update properties bloque para cambiar sólo un campo y desactivar la carga.

Todos los cambios pueden ser guardados, y la tabla se mostrará como se requiere.

onFilter desencadenar

Echemos un vistazo al onFilter disparador. Funciona sólo cuando la paginación está habilitada, cuando hay una transición a través de las páginas de la tabla. Tiene dos campos adicionales:

  • _limit - transmite el número de registros que se muestran en la tabla en el momento en que se activa la paginación;
  • _offset - especifica a partir de qué registro se empieza a procesar.

Configuremos el BP para demostrar cómo funciona el onFilter funciona el disparador.

El disparador onFilter funciona cuando hay una transición de una página a otra en una tabla multipágina (paginación).

Tomemos una tabla con tres páginas, cada una con cinco registros.

Cree un BP que muestre los datos de los onFilter campos de la interfaz.

Para ello, convierta los campos _limit y _offset campos utilizando los bloques to string y pasar el resultado a los bloques notification bloques.

Al pasar de la primera página a la segunda, aparecerán dos mensajes: _limit - 5 y _offset - 5. Significa que había cinco registros en la página anterior de la tabla (_limit), y que ahora la tabla está procesando registros a partir del 5º (_offset). Si se pasa a la tercera página, aparecerán los siguientes mensajes _limit - 5 (porque la página anterior también tenía cinco registros) y _offset - 10 (porque la tabla procesa los registros a partir del 10).

onRowClick y onRowDoubleClick triggers.

Veamos los triggers onRowClick y onRowDoubleClick. Funcionan cuando hay un clic o doble clic en una fila. Estos disparadores tienen un campo Record ID que almacena el ID del registro sobre el que se ha hecho clic. Es útil para crear tablas vinculadas y construir jerarquías

Para mostrar cómo funciona este disparador, vamos a configurar un BP que mostrará al usuario el número de la línea sobre la que ha hecho clic.

To string y Notification son necesarios. En To string pasamos el valor del campo Record ID. Y después de la conversión, pasar el valor resultante al campo Título del bloque Notification.

Lea más sobre las mejores prácticas

Solución de problemas de los procesos empresariales
Solución de problemas de los procesos empresariales
Cómo encontrar y corregir errores en la aplicación
Depuración y registro
Depuración y registro
Cómo registrar datos y utilizarlos para la depuración en AppMaster
Inspired to try this yourself?

¡Aumenta tus habilidades sin código con AppMaster Team!

Consulta nuestros cursos y aprende paso a paso a utilizar AppMaster al máximo.

Más recursos de AppMaster

Resuelva cualquier problema con la ayuda de nuestros expertos.
Ahorra tiempo y céntrate en la creación de tus aplicaciones.

Ayuda y soporte técnico

Resuelva cualquier problema con la ayuda de nuestros expertos.

Obtener apoyo

Documentación

Información útil sobre los inicios y las características.

Leer documentos

Video Tutoriales

Aprenda a utilizar AppMaster con tutoriales en vídeo.

Ver tutoriales

Comunidad de usuarios

Forme parte de nuestra comunidad y obtenga más información.

Únete a la Comunidad