Table

Click to copy

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.


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.


Dados:

Nesta secção pode gerir colunas da tabela.


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

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

Parâmetros de saí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 Set Properties

Define as propriedades da tabela.

Parâmetros de entrada:

  • 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

Actualiza as propriedades da tabela.

Parâmetros de entrada:

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

Obtém os dados da tabela

Parâmetros de entrada:

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

Parâmetros de saí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 Update Data

Actualizar dados da tabela

Parâmetros de entrada:

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

Limpar dados da tabela

Parâmetros de entrada:

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


Exemplo de utilização:

Getting data for a table

Advanced table design