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.

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:

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

 

 

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:

 

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

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”.

Pronto! Veja abaixo como ficou o efeito:

É 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