Folha de Referências de Tipos de Painel¶

Introdução¶

Este documento fornece uma visão geral resumida dos diferentes Tipos de painel disponíveis no Vinyl, o que são e por que você os utiliza. Tipos de painel são contêineres residentes em uma página que, por sua vez, permitem adicionar dados, imagens e informações para exibir na camada de UI do aplicativo.

Tipos de Painel¶

Ícone	Nome	Descrição
	Formulário	Os painéis Formulário foram projetados para exibir uma única linha de dados da fonte de dados selecionada. Esse tipo de painel é especialmente útil como janela pop-up ou página de detalhes em um aplicativo. Quando vários controles são atribuídos aos painéis de formulário, cada controle é exibido individualmente.
	Grade	Grid é o tipo de painel básico para exibir diversas linhas de dados ao mesmo tempo. Este tipo de painel exibe colunas específicas da tabela ou objeto de fonte de dados selecionado. Clicar no título de uma coluna permite que as linhas sejam classificadas em ordem crescente ou decrescente. O número total de linhas em um painel Grade é exibido no canto superior direito, acima dos Títulos das Colunas. O número de linhas carregadas de uma vez (dependendo do total de registros) para fins de exibição pode ser um conjunto menor. Para visualizar mais linhas, clique no botão LoadMore Rows na parte inferior do painel.
	Pista	Os painéis Lane exibem informações agrupadas e são como os painéis Tile, pois exibem dados agrupados no formato do painel Form, mas podem ser configurados verticalmente ou horizontalmente (exclusivo para Lane).
	Telha	Painéis Tile são essencialmente uma combinação de painéis Grid e painéis Form. Assim como as grades, os painéis Tile exibirão vários conjuntos de informações de uma só vez. No entanto, as informações das tabelas ou objetos da fonte de dados são apresentadas em blocos organizados da esquerda para a direita, em vez de colunas. Tal como acontece com os painéis Formulário, os Controles são agrupados com outros Controles na mesma posição na tabela de dados.
	Pivô	Painéis Pivot exibem uma tabela dinâmica com informações de uma fonte de dados. Os seguintes tipos de controle são necessários para o Pivot: Coluna: preenche os cabeçalhos das colunas Linha: preenche os cabeçalhos das linhas Valor: Exibe os dados relevantes da fonte
	Gráfico de rede	Painéis Gráfico de Rede exibem interconexões entre um conjunto de entidades. Cada entidade é representada por um Node. As conexões entre nós são representadas por meio de links. Os seguintes tipos de controle são necessários para o gráfico de rede: De: do nó para este link Nó: nó do gráfico de rede Rótulo do nó: rótulo do nó do gráfico de rede Objeto de opções JSON: objeto JSON que substitui as opções do gráfico Cor do link: Rede Cor do link do gráfico Cor: valor da cor para um Evento ou Tarefa
	Mapa	Os painéis Mapa exibem um mapa onde os controles podem ser visualizados por meio da localização geográfica. Os nomes das regiões do mapa no seu objeto de negócios subjacente devem corresponder aos identificadores dos mapas de origem do Highmaps; isso pode exigir atenção extra para garantir que a chave do seu objeto de negócios possa ser reconhecida pelo mapa de origem. Por exemplo, se você tiver um objeto de negócios com nomes de condados dos EUA, os nomes de condados poderão não ser exclusivos; neste caso você deve ter uma coluna que corresponda à chave do Highmaps. Diferentes mapas fornecidos através da API Highmaps podem ser escolhidos com base nos dados que você deseja exibir. Os seguintes tipos de controle são necessários para o mapa: Categoria: país, estado, etc... Valor: valor associado à categoria Objeto de opções JSON: objeto JSON que substitui as opções do gráfico Cor: valor de cor para um evento ou tarefa Para informações adicionais sobre painéis de mapas, consulte Painel de mapas. Consulte https://api.highcharts.com/highmaps para obter documentação sobre mapas de origem fornecidos no painel de mapas.
	Gantt	Os painéis Gantt suportam a exibição de um gráfico de Gantt. Os gráficos de Gantt são úteis para planejar e programar projetos. Eles ajudam a avaliar quanto tempo um projeto deve durar, determinar os recursos necessários e planejar a ordem em que você concluirá as tarefas. Os gráficos de Gantt também são uma ferramenta útil para gerenciar as dependências entre tarefas. Para aproveitar um gráfico de Gantt em um painel de Gantt, você precisará de um objeto de negócios que contenha informações para os controles exigidos pelo gráfico de Gantt. Gantt Os gráficos também podem ser usados para representar e exibir Dependências de Tarefas e Grupos de Tarefas, assumindo que informações sobre esses valores adicionais estejam configuradas no Objeto de Negócios. Os seguintes Tipos de Controle são necessários para Gantt: < ul> Tarefa: Controle Requerido, representa um projeto individual Tarefa sendo rastreada Data de Início: Controle Requerido, representa a data de início da Tarefa Os seguintes tipos de controle são opcionais para Gantt: Data de término: representa a data de término da tarefa Cor: valor da cor da tarefa no gráfico< /li> Dependência: Determina o relacionamento da Tarefa com as outras Tarefas das quais ela depende Tarefa Pai: Para organização hierárquica de Tarefas, é uma referência a outra Tarefa do objeto de negócios Classificar: permite aplicar classificação ao valor selecionado Grupo de tarefas: usado para agrupar ou colocar várias tarefas na mesma linha
	Gráfico	Os painéis Gráfico são usados no Vinyl para exibir dados em uma representação gráfica de gráfico. O Vinyl suporta muitos tipos de gráficos diferentes, como barras, colunas, linhas, áreas, etc. Os gráficos podem ser vinculados aos dados subjacentes para que um usuário possa clicar e visualizar os dados de suporte. Os seguintes tipos de controle são obrigatórios para Gráfico: Categoria: Controle Obrigatório, representa o eixo x (horizontal) no Gráfico Valor: Controle Obrigatório, representa y- eixo (vertical) no gráfico Os seguintes tipos de controle são opcionais para o gráfico: Cor: valor de cor usado pelo gráfico Classificar: permite aplicar classificação ao valor selecionado Sinalizador: usado para marcar um evento ou ponto de interesse Objeto de opções JSON: Objeto JSON que substitui as opções do gráfico
	Calendário	Os painéis Calendário preenchem um Calendário com informações da fonte de dados selecionada. Assim como os painéis Gráfico, os painéis Calendário podem ser vinculados a outro painel para exibir mais detalhes sobre um evento no Calendário. Os seguintes tipos de controle são necessários para o Calendário: Descrição: Designa o que aparecerá no calendário e normalmente é um Nome do Evento Início do Evento: Designa em que dia o Evento aparecerá começando e pode incluir carimbos de data e hora, que serão será exibido ao lado da descrição do evento Fim do evento: designe em que dia o evento aparecerá como final e pode incluir carimbos de data e hora, que serão exibidos ao lado da descrição do evento Os seguintes tipos de controle são opcionais para o Calendário: Cor: valor de cor usado pelo Calendário para indicar Evento(s). Classificar: Permite você deve aplicar a classificação ao valor selecionado
	Quadro	Os painéis Frame permitem que uma página reserve um espaço na tela onde todos os links de páginas clicadas serão carregados. O tipo Frame Panel não possui conteúdo próprio. Quando existe um quadro em uma tela, qualquer navegação na página será direcionada para o quadro em vez de substituir a tela inteira. Este tipo de painel é mais frequentemente usado para manter um menu lateral persistente visível e o contêiner Frame renderiza a página dentro dele.
	Navegador de arquivos	Os painéis do Navegador de arquivos estão vinculados a um sistema de arquivos local ou de rede e são muito semelhantes a um diretório de arquivos. O painel do navegador de arquivos permite que um usuário carregue arquivos para um servidor e/ou baixe-os para um dispositivo. A navegação também é possível dentro destes painéis, com subdiretórios indicados por um ícone de pasta.
	HTML personalizado	Painéis HTML personalizados usam modelos HTML/CSS para exibir dados e imagens. Os painéis HTML personalizados são altamente personalizáveis em termos do controle sobre a exibição que podem gerar e se assemelham muito a uma página da web.