Data

8 jul, 2014

Implementando uma barra de processamento no Oracle APEX

Publicidade

Olá, pessoal! Tudo bem? Hoje vou falar um pouco sobre como implementar uma barra de processamento no Oracle APEX.

Geralmente uma barra de processamento é exibida quando clicamos em algum botão, link, ou elemento que faz submeter a página ou redireciona para outro endereço.

Barra de processamento nativa

Atualmente o próprio APEX possui uma solução para a exibição de uma barra de processamento durante a submissão das páginas.

Você pode criar uma ação dinâmica do tipo “Submit Page” com a propriedade “Show Processing” ativada associada a um botão.

fb01

Desta forma, ao clicar no botão para submeter a página, uma barra de processamento será exibida.

Barra de processamento customizada

Entretanto, a implementação da barra de processamento nativa além de ser um tanto quanto trabalhosa para ser implementada. Também só é permitida em botões que submetem a página, sendo assim, os botões que apenas redirecionam para outra página não podem conter essa solução.

Abaixo vou descrever como criar uma barra de processamento customizada.

1. Crie uma aplicação utilizando o Tema 26, “Productivity Applications”. Este tema é o mais estável dentre os outros existentes. Alguns outros temas apresentam bugs, dê preferência para este tema.

2. Faça upload dos arquivos associando a aplicação criada:

fb02

fb03

fb04

3. Importe o .gif abaixo, ele será exibido na barra de processamento.

progress

 

 

4. Após importar os arquivos, vamos associá-los à página que irá conter a barra de processamento.

Vá às propriedades da página e insira os códigos abaixo, conforme a propriedade correspondente:

fb06

 

fb07

5. Agora vá às propriedades do botão na qual você deseja que a barra de processamento seja exibida quando ele for clicado:

fb08

Implemente a chamada da função “show_overlay” no evento onclick do botão. A chamada desta função pode ser efetuada a qualquer momento, podendo assim exibir a barra de processamento quando clicar em imagens, links e outros elementos da página.

6. A parte mais importante já está funcionando, entretanto, alguns itens permitem submeter a página quando o usuário clicar no “Enter.” Para exibir a barra de processamento nesses casos, vamos criar uma ação dinâmica no evento “Before Page Submit” da página chamando a função “show_overlay”.

fb09

fb010

Pronto! Veja abaixo como ficou o efeito:

fb011

É possível customizar a barra de processamento, modificar as cores, o ícone ou a mensagem. Basta alterar o arquivo “process.css”.

Pessoal, este artigo demonstrou como exibir uma barra de processamento quando uma página for submetida no Oracle APEX, podendo utilizar a funcionalidade nativa da ferramenta ou customizando.

Até a próxima!!

Para acessar aplicação demo da nossa série de artigos utilize o seguinte link.

  • Usuário: DEMO
  • Senha: imasters