Table

Haga clic para copiar

Elemento para mostrar los registros de la base de datos


Configuración inicial:

Model - modelo de datos de la tabla.
Endpoint - fuente de datos de la tabla.

table config


Configuración del aspecto y la sensación:

Title (no obligatorio) - título de la tabla.

Width (obligatorio) - ancho de la tabla.

Style (obligatorio) - tamaño de la fila de la tabla.

Pagination (obligatorio) - activación y desactivación de la paginación. Se activa por defecto.

Page size (no obligatorio) - filas por página.

Border (obligatorio) - bordes de la tabla.

Name (obligatorio) - nombre de la tabla.

Visible (obligatorio) - hace visible la tabla si está activada. Activado por defecto.

Table


Datos:

En esta sección puede gestionar las columnas de la tabla.

Table Data Settings


Disparadores de flujo de trabajo:

  • onCreate - se dispara cuando el componente se crea en la página;
  • onShow - se activa cuando el componente cambia su estado a visible (se muestra en la página);
  • onHide - se dispara cuando el componente cambia su estado a oculto (deja de mostrarse);
  • onDestroy - se dispara cuando se destruye el componente;
  • onDataUpdate - se activa mediante el bloque de actualización de datos de la tabla;
  • onRowClick - se activa al hacer clic en una fila;
  • onRowDoubleClick - se activa al hacer doble clic en una fila;
  • onFilter - se activa cuando la tabla está paginada;

Acciones de los componentes:

Table Get properties

Obtiene las propiedades de la tabla.

Parámetros deentrada :

  • Id de componente [cadena]: identificador del componente de la tabla.

Parámetrosde salida:

  • Title [string] - título de la tabla;
  • Style [enum] - estilo de la tabla;
  • Pagination [boolean] - estado de la paginación;
  • Bordered [boolean] - estado del borde;
  • Visible [boolean] - estado de visibilidad;
  • Loading [boolean] - estado de carga;
  • Current page [integer] - página actual de la tabla;
  • Records per page [integer] - número de registros por página de la tabla;
  • Total records [integer] - número total de registros en la tabla.

Table Get Properties

Table Set Properties

Establece las propiedades de la tabla.

Parámetrosde entrada:

  • Component Id [string] - identificador del componente de la tabla;
  • Title [string] - título de la tabla;
  • Style [enum] - estilo de la tabla;
  • Pagination [boolean] - estado de la paginación;
  • Bordered [boolean] - estado del borde;
  • Visible [boolean] - estado de visibilidad;
  • Loading [boolean] - estado de carga;
  • Current page [integer] - página actual de la tabla;
  • Records per page [integer] - número de registros por página de la tabla;
  • Total records [integer] - número total de registros en la tabla.

Table Set Properties


Table Update Properties

Actualiza las propiedades de la tabla.

Parámetrosde entrada:

  • Component Id [string] - identificador del componente de la tabla;
  • Title [string] - título de la tabla;
  • Style [enum] - estilo de la tabla;
  • Pagination [boolean] - estado de la paginación;
  • Bordered [boolean] - estado del borde;
  • Visible [boolean] - estado de visibilidad;
  • Loading [boolean] - estado de carga;
  • Current page [integer] - página actual de la tabla;
  • Records per page [integer] - número de registros por página de la tabla;
  • Total records [integer] - número total de registros en la tabla.


Table Update Properties

Table Get Data

Obtiene los datos de la tabla.

Parámetros de entrada:

  • Component Id [string] - identificador del componente de la tabla.

Parámetros desalida :

  • Records [integer] - número de registros de la tabla;
  • Data [model] - datos de la tabla. Se mostrará en el proceso de negocio cuando se especifique sólo el identificador del componente;


Table Get Data

Table Update Data

Actualiza los datos de la tabla

Parámetros de entrada:

  • Data [model] - datos de la tabla. Se mostrará en el proceso de negocio cuando se especifique sólo el ID del componente;
  • Component Id [string] - identificador del componente de la tabla.
  • Total Records [integer] - número de registros en la tabla.
  • _limit [integer] - el número máximo posible de entradas en la tabla;
  • _offset [integer] - desplazamiento del registro actual con respecto al primer registro.

Table Update Data

Table Clear Data

Borrar datos de la tabla

Parámetros de entrada:

  • Component Id [string] - identificador del componente de la tabla.

Table Clear Data


Ejemplo de uso:

Getting data for a table

Advanced table design