Table

Clique para copiar

Elemento para exibir registos da base de dados


Definição inicial:

Model - modelo de dados para a tabela.
Endpoint - fonte de dados para a tabela.

table config


Configurações de Look and Feel:

Title (não obrigatório) - título da tabela.

Width (obrigatório) - largura da tabela.

Style (obrigatório) - tamanho da linha da tabela.

Pagination (obrigatório) - ligar e desligar a paginação. Ligada por defeito.

Page size (não obrigatório) - filas por página.

Border (obrigatório) - margens da tabela.

Name (obrigatório) - nome da tabela.

Visible (obrigatório) - torna a tabela visível se estiver ligada. Activada por defeito.

Table


Dados:

Nesta secção pode gerir colunas da tabela.

Table Data Settings


Despoletadores de fluxo de trabalho:

  • onCreate - dispara quando o componente é criado na página;
  • onShow - dispara quando o componente muda o seu estado para visível (exibido na página);
  • onHide - dispara quando o componente muda o seu estado para oculto (deixa de ser exibido);
  • onDestroy - dispara quando o componente é destruído;
  • onDataUpdate - dispara através do bloco de dados de actualização da tabela;
  • onRowClick - dispara ao clicar numa linha;
  • onRowDoubleClick - dispara com um duplo clique numa fila;
  • onFilter - dispara quando a tabela é paginada;

Acções componentes:

Table Get properties

Obtém as propriedades da tabela.

Parâmetros deentrada :

  • Component Id [string] - identificador do componente da tabela.

Parâmetros desaída :

  • Title [string] - título da tabela;
  • Style [enum] - estilo da tabela;
  • Pagination [boolean] - estado de paginação;
  • Bordered [boolean] - estado de fronteira;
  • Visible [boolean] - estado de visível;
  • Loading [boolean] - estado de carregamento;
  • Current page [integer] - página da tabela actual;
  • Records per page [integer] - número de registos por página de tabela;
  • Total records [integer] - número total de registos na tabela.

Table Get Properties

Table Set Properties

Define as propriedades da tabela.

Parâmetros deentrada :

  • Component Id [string] - identificador do componente da tabela;
  • Title [string] - título da tabela;
  • Style [enum] - estilo da tabela;
  • Pagination [boolean] - estado de paginação;
  • Bordered [boolean] - estado de fronteira;
  • Visible [boolean] - estado de visível;
  • Loading [boolean] - estado de carregamento;
  • Current page [integer] - página da tabela actual;
  • Records per page [integer] - número de registos por página de tabela;
  • Total records [integer] - número total de registos na tabela.

Table Set Properties


Table Update Properties

Actualiza as propriedades da tabela.

Parâmetros deentrada :

  • Component Id [string] - identificador do componente da tabela;
  • Title [string] - título da tabela;
  • Style [enum] - estilo da tabela;
  • Pagination [boolean] - estado de paginação;
  • Bordered [boolean] - estado de fronteira;
  • Visible [boolean] - estado de visível;
  • Loading [boolean] - estado de carregamento;
  • Current page [integer] - página da tabela actual;
  • Records per page [integer] - número de registos por página de tabela;
  • Total records [integer] - número total de registos na tabela.


Table Update Properties

Table Get Data

Obtém os dados da tabela

Parâmetros deentrada :

  • Component Id [string] - identificador do componente da tabela.

Parâmetros desaída :

  • Records [integer] - número de registos no quadro;
  • Data [model] - dados do quadro. A ser mostrado no processo empresarial quando o ID do componente é especificado apenas;


Table Get Data

Table Update Data

Actualizar dados da tabela

Parâmetros deentrada :

  • Data [model] - dados da tabela. A mostrar no processo de negócio quando o ID do componente é especificado apenas;
  • Component Id [string] - identificador do componente da tabela.
  • Total Records [integer] - número de registos na tabela.
  • _limit [integer] - o número máximo possível de entradas na tabela;
  • _offset [integer] - compensação do registo actual em relação ao primeiro registo.

Table Update Data

Table Clear Data

Limpar dados da tabela

Parâmetros deentrada :

  • Component Id [string] - identificador da componente da tabela.

Table Clear Data


Exemplo de utilização:

Getting data for a table

Advanced table design