• A Confluence está sendo executada atualmente com todos os plugins que não são do sistema desabilitados. Pode haver perda de algumas funcionalidades
Páginas filhas
  • Advanced DataGrid

Quando usar

  • Para atender as mesmas necessidades do DataGrid Flex porém com as caractaerísticas a seguir;
  • Exibição de estruturas hierarquizadas (treeGrid);
  • Ordenação múltiplas de colunas;
  • Seleção individual de células (não linhas);
  • Totatilizadores no rodapé;
  • Formatação condicional de células (ex.:textos vermelhos para valores negativos);

Estrutura

A sua estrutura é similar ao DataGrid do flex, no entanto ele apresenta em uma das suas colunas uma árvore navegável.

Comportamentos

Permite seleção de uma linha grifando na cor azul clara a seleção

É possivel arrastar as colunas e reorganizar a sequencia das colunas conforme a necessidade do usuário.

Permite seleção de ordenação por coluna ou por sequência de coluna. Esta característica desse objeto flex permite além de ordenar crescente ou decrescente na coluna, possibilita ordenar diversas colunas.

Ao selecionar uma coluna ela adiciona uma numeração no canto direito identificando a sua sequência e uma seta indicando ordem crescente ou decrescente na coluna.

Colunas selecionadas subsequentes recebem também um numero da sua sequência.

Para remover a ordenação de uma das colunas basta clicar no seu no e também será removida a sua numeração de ordenação.

Obs:"A coluna que apresenta a hierarquia de coluna não é feita ordenação pela coluna pois ela respeita a hierarquia da árvore.

Importante

Os datagrids e outras consultas devem suportar o recebimento e exibição de datasets ou conjuntos de dados provenientes de queries enviadas por parâmetros externos à interface da consulta

Boas Práticas

Evitar muitos subníveis no Grid.
Evitar cores fora do padrão para formatação condicional em grids com células selecionáveis.

Exemplo


Unknown macro: {flash}

Código fonte

< em desenvolvimento >

Referências

DataGrid 2.5.2
GridTools 2.5.2

Veja Também

\\ h6.Navegação {pagetree:root=@home|startDepth=2|expandCollapseAll=true}