User Interface Explorer

Páginas filhas
  • Agrupador de Cabeçalho

Quando usar

  • Para agrupar informações e ferramentas no cabeçalho;
  • Para apresentar informações extras quando estas não cabem no cabeçalho (agrupador expansível).
  • O agrupador de cabeçalho também é utilizado em Totalizadores, Filtros Rápidos entre outras situações que utilizam o cabeçalho tanto na folder como em uma janela.

Comportamentos

  • Pode ser ocultável ou não;
  • Detalhamento das informações referentes a entidade.

Boas Práticas

  • Organizar conforme a focalidade das informações.
  • Informações relacionadas quando for conveniente podem estar juntas no mesmo agrupador.
    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="70">

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

</header:GroupHeader>



<?xml version="1.0" encoding="utf-8"?>
<header:GroupHeader
	xmlns:header="com.datasul.group.header.*"
	title="Filtro"
	showDetailControl="true"
	>

	<header:detailContent>
		<mx:HBox>
			<mx:VBox verticalGap="0">
				<mx:Label text="Detalhes Avançados"/>
				<mx:Label text="Campo Valor 01" fontWeight="bold"/>
			</mx:VBox>
			<mx:VBox verticalGap="0">
				<mx:Label text="Detalhes Avançados"/>
				<mx:Label text="Campo Valor 02" fontWeight="bold"/>
			</mx:VBox>
			<mx:VBox verticalGap="0">
				<mx:Label text="Detalhes Avançados"/>
				<mx:Label text="Campo Valor 02" fontWeight="bold"/>
			</mx:VBox>
		</mx:HBox>
	</header:detailContent>

	<mx:HBox>
		<!-- Conteudo Normal -->
	</mx:HBox>
</header:GroupHeader>

Referências

Veja Também

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

!ex1.jpg!

  • Sem rótulos