User Interface Explorer

Páginas filhas
  • Filtros Rápidos

Quando usar

  • Para permitir filtros rápidos (um click) pré definidos;
  • Para exibir filtros aplicados, provenientes de chamadas e ações em interfaces anteriores (ex.:click em um item de portlet).
  • Para informar quais os filtros atuais aplicados
  • Para informar os totais de cada opção

Estrutura

  • Radio button ou chekboxes em um
  • Título e agrupador de cabeçalho representando
  • Link com ícone de play para aplicar (apenas em casos de alta carga de dados)
  • Total entre parenteses de cada opção ao lado do texto da opção

Comportamentos

  • Ao clicar em um dos ítens, executa sua ação de filtro (ou após aplicar)
  • Os itens selecionados apresentam foramtação Negrito

Boas Práticas

  • Evitar filtros rápidos quando há muitas opções (mais de oito). Para estes casos preferir o filtro avançado
  • Utilizar nomenclaturas claras para o título e opções de filtro
  • Evitar abreviaturas
  • Aplicar sempre o total
  • IMPORTANTE - Quando não for possível alteração dos dados de forma instantânea é necessário adicionar um ícone com link escrito Aplicar.

Exemplo



Código fonte


Importar no projeto area do agrupador de cabeçalho.
xmlns="com.datasul.framework.ui.templates.view.*"


<header:GroupHeader title="{I18NService.translate('universal.shipment.label')}" width="179" height="80">

Nesta área deve ser adicionado o seu conteúdo do agrupador.
Para título na parte inferior utilizar  o "title"

</header:GroupHeader>

Referências

Veja Também

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