Tutorial: Aplicação aba com consulta e gráfico

Neste exemplo veremos uma aplicação do tipo aba, onde nela será possível abrir na mesma página outras aplicações. Para este exemplo, serão utilizadas, 4 aplicações: 1 formulário, 2 consultas e a aplicação de aba.

1 Criando o gráfico

Nesta aplicação, será exibido um gráfico de barras das vendas por funcionários.

1.1 – Crie uma nova aplicação de Gráfico baseada na tabela orders.

1.2 – Acesse a opção “Gráficos” no menu da aplicação.

Opção Gráficos

1.3 – Selecione as seguintes dimensões e métricas:

1.4 – Em “Gráfico”, selecione o tipo desejado.

1.5 – Gere o código fonte clicando no botão Gerar Código Fonte na barra de ferramentas do ScriptCase.

2 Criando a Consulta de Funcionários

Nesta aplicação, exibiremos as informações dos funcionários da empresa.

2.1 – Crie uma nova aplicação de consulta baseada na tabela employee. 

2.2 – Nas opções de “Módulos da Grid”, marque apenas o módulo de Consulta. Utilize a orientação “Slide” e para exibir apenas 1 linha por página.

2.3 – Em Layout>>Blocos, adicione um novo bloco à aplicação.

2.4 – Em “Editar Campos”, arraste os campos para a posição desejada nos blocos, e remova da exibição, o restante dos campos. 

2.5 – Gere o código fonte da aplicação.

3 Criando a Consulta de Lançamentos

Nesta aplicação, exibiremos um resumo de vendas por categorias

3.1 – Crie uma nova aplicação de Consulta 

Utilize o seguinte SQL: 

SELECT accountid, sum(valuerelease) as valuerelease

FROM releases

GROUP BY accountid

3.2 – Nas opções de “Módulos da Grid”, marque apenas o módulo de Consulta.

3.3 – Gere o código fonte da aplicação.

4 Criando a aplicação de Aba

A aplicação de Abas é utilizada para exibir várias aplicações em sequência, e se assemelha bastante com uma aplicação de Menu.

4.1 – Crie uma nova aplicação do tipo Aba.

4.2 –  No item “Configuração das pastas” vamos criar as abas que serão visualizadas na aplicação.

4.3 – Para adicionar uma nova Aba, na propriedade Label, escreva o nome de exibição da Aba e clique no botão “Adicionar”.

4.4 – Repita o último procedimento para criar mais 2 pastas.

4.5 – Agora é necessário ligar as aplicações às pastas criadas. Clique no item “Configurações das Aplicações”.

4.6 – Com a primeira pasta selecionada clique no botão Adicionar. Na tela seguinte, escolha a Consulta criada no passo 2 e clique no botão Prosseguir.

4.7 – Passe os parâmetros de acordo com a figura abaixo e clique no botão Salvar.

4.8 – Selecione a segunda pasta e escolha o gráfico criado no passo 1. Clique no botão Prosseguir.

4.9 – Configure de acordo com a figura abaixo e clique no botão Salvar.

4.10 – Selecione a terceira pasta e escolha a consulta criada no passo 3. Clique no botão Prosseguir.

4.11 – Configure de acordo com a figura abaixo e clique no botão Salvar.

4.12 – Para finalizar Execute a aplicação.

Compartilhe este tutorial

Tutoriais na mesma categoria

Abas com dashboards

Neste exemplo veremos uma aplicação de Abas exibindo várias Dashboards. Aplicações ...

Aplicação aba com consulta e formulário

Neste exemplo iremos ver a criação uma aplicação do tipo aba, onde nela será possível abrir n...

Aplicação de Abas de Pedidos e Itens

Neste exemplo iremos ver a criação uma aplicação do tipo aba, onde nela será possível abrir n...

Comente este post