Table

Click to copy

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.


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.


Datos:

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


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 de entrada:

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

Parámetros de 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 Set Properties

Establece las propiedades de la tabla.

Parámetros de 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

Actualiza las propiedades de la tabla.

Parámetros de 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 Get Data

Obtiene los datos de la tabla.

Parámetros de entrada:

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

Parámetros de salida:

  • 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 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 Clear Data

Borrar datos de la tabla

Parámetros de entrada:

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


Ejemplo de uso:

Getting data for a table

Advanced table design