#Este é um post fechado Este post está disponível para assinantes da Java Magazine DIGITAL ou para quem possui Créditos DevMedia. Clique aqui para saber mais sobre como abrir este post!
dê seu feedback
post favorito
Autocomplete com Script.aculo.us - Java Magazine 79
Este artigo ensina como implementar o autocomplete do Script.aculo.us integrado com o DWR acessando dados diretamente de um banco de dados.
Java Magazine 79
[Artigo já está disponível no Leitor Digital DevMedia®. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da Java Magazine 79
[Artigo já está disponível no Leitor Digital DevMedia®. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da Java Magazine 79
BRK##: 0 - 0
Autocomplete com Script.aculo.us
Existe mais de uma maneira, mas todas com DWR
Aprenda como fazer um autocomplete utilizando Script.aculo.us e DWR
Que Ajax veio para ficar todos sabemos, que ele aumenta a interatividade entre seu sistema e o usuário também sabemos, que o DWR facilita e deixa seu acesso ao Java via Javascript transparente, também já sabemos. Muitos ainda possuem dúvidas quanto a certas funcionalidades ligadas a Ajax e DWR, mesmo que essas tenham alguns artigos espalhados pela web.
Ainda assim, esses artigos acabam sendo insuficientes para sanar as dúvidas de vários desenvolvedores, que têm dificuldades de implementar certas funcionalidades. Funcionalidades estas que melhoram a interação com o usuário e facilitam a usabilidade do sistema, como é o caso do Autocomplete ou SuggestBox.
Veremos neste artigo uma maneira bem detalhada e didática de desenvolver esta funcionalidade. Para isso, utilizaremos o Script.aculo.us e o DWR.
Conhecendo o Script.aculo.us
O Script.aculo.us é um conjunto de bibliotecas Javascript que tem o intuito de melhorar a interface das páginas web. Ele fornece vários mecanismos de efeitos visuais, bibliotecas de arrastar e soltar (drop down), listas classificáveis, controles do tipo Ajax-based, edição em tabelas e várias outras funcionalidades. Sempre com o foco na interface e efeitos. Além disso, é totalmente cross-browser e muito fácil de utilizar.
Instalação
Para “instalar” o Script.aculo.us em sua aplicação, baixe a última versão no site http://script.aculo.us/, descompacte o arquivo e copie para o seu projeto Java Web os seguintes arquivos: prototype.js, localizado na pasta lib e todos os arquivos da pasta src (builder.js, controls.js, dragdrop.js, effects.js, scriptaculous.js, slider.js, sound.js e unitest.js). Adicione estes arquivos na pasta de sua escolha do projeto. Para este exemplo colocamos o prototype.js dentro da pasta scriptaculous/api/prototype, e os arquivos de src na pasta scriptaculous/api/script.aculo.us (veja a Figura 1).
Para o desenvolvimento desse artigo foi utilizada a versão 1.8.3 do Script.aculo.us e a versão 3.0 do DWR (veja o quadro “DWR 3.0”).
Figura 1. Estrutura inicial de pastas e arquivos do Script.aculo.us.
DWR 3.0
O DWR (Direct Web Remoting) é um framework Open-Source Ajax para Java que está ligado diretamente à camada de controle do seu sistema. Ele ficará responsável pela comunicação Ajax de uma aplicação web, mantendo a transparência nas chamadas para os seus métodos Java.
Com uma simples configuração e utilização o DWR se mostra muito eficaz e útil na hora de adicionar funcionalidades Ajax à sua aplicação. Possui ainda uma vasta integração com os principais frameworks Java do mercado, facilitando o seu uso em aplicações legadas ou não.
O DWR tem as suas principais funcionalidades localizadas no util.js e engine.js, cuja utilização é muito simples e intuitiva.
Métodos como setValues() e getValues(), onde é possível preencher um formulário a partir de um objeto Java ou receber dados de um formulário apenas com uma linha e enviá-los para a classe Java, são funcionalidades marcantes do DWR.
Temos ainda funcionalidades como ReverseAjax dentre outras, que são bastante úteis para o desenvolvimento de aplicações com Ajax. Tudo isso de uma maneira trivial e objetiva, fazendo com que o DWR se torne muito produtivo.
Lembrando que para o exemplo desenvolvido (autocomplete), não iremos utilizar todas as “libs” do Script.aculo.us, apenas: prototype.js, effects.js e controls.js. Entretanto, é interessante ter o framework por completo, pois caso você precise de outra funcionalidade ela já estará presente. Em seguida faça os imports nas suas páginas JSP, adicionando as libs dos arquivos que você irá utilizar, conforme a Listagem 1.
ATENÇÃO! A exibição deste artigo foi interrompida.
#Este é um post fechado
Este post está disponível para assinantes da Java Magazine DIGITAL ou para quem possui Créditos DevMedia. Clique aqui para saber mais sobre como abrir este post!
Autocomplete com Script.aculo.us
Existe mais de uma maneira, mas todas com DWR
Aprenda como fazer um autocomplete utilizando Script.aculo.us e DWR
Que Ajax veio para ficar todos sabemos, que ele aumenta a interatividade entre seu sistema e o usuário também sabemos, que o DWR facilita e deixa seu acesso ao Java via Javascript transparente, também já sabemos. Muitos ainda possuem dúvidas quanto a certas funcionalidades ligadas a Ajax e DWR, mesmo que essas tenham alguns artigos espalhados pela web.
Ainda assim, esses artigos acabam sendo insuficientes para sanar as dúvidas de vários desenvolvedores, que têm dificuldades de implementar certas funcionalidades. Funcionalidades estas que melhoram a interação com o usuário e facilitam a usabilidade do sistema, como é o caso do Autocomplete ou SuggestBox.
Veremos neste artigo uma maneira bem detalhada e didática de desenvolver esta funcionalidade. Para isso, utilizaremos o Script.aculo.us e o DWR.
Conhecendo o Script.aculo.us
O Script.aculo.us é um conjunto de bibliotecas Javascript que tem o intuito de melhorar a interface das páginas web. Ele fornece vários mecanismos de efeitos visuais, bibliotecas de arrastar e soltar (drop down), listas classificáveis, controles do tipo Ajax-based, edição em tabelas e várias outras funcionalidades. Sempre com o foco na interface e efeitos. Além disso, é totalmente cross-browser e muito fácil de utilizar.
Instalação
Para “instalar” o Script.aculo.us em sua aplicação, baixe a última versão no site http://script.aculo.us/, descompacte o arquivo e copie para o seu projeto Java Web os seguintes arquivos: prototype.js, localizado na pasta lib e todos os arquivos da pasta src (builder.js, controls.js, dragdrop.js, effects.js, scriptaculous.js, slider.js, sound.js e unitest.js). Adicione estes arquivos na pasta de sua escolha do projeto. Para este exemplo colocamos o prototype.js dentro da pasta scriptaculous/api/prototype, e os arquivos de src na pasta scriptaculous/api/script.aculo.us (veja a Figura 1).
Para o desenvolvimento desse artigo foi utilizada a versão 1.8.3 do Script.aculo.us e a versão 3.0 do DWR (veja o quadro “DWR 3.0”).
Figura 1. Estrutura inicial de pastas e arquivos do Script.aculo.us.
DWR 3.0
O DWR (Direct Web Remoting) é um framework Open-Source Ajax para Java que está ligado diretamente à camada de controle do seu sistema. Ele ficará responsável pela comunicação Ajax de uma aplicação web, mantendo a transparência nas chamadas para os seus métodos Java.
Com uma simples configuração e utilização o DWR se mostra muito eficaz e útil na hora de adicionar funcionalidades Ajax à sua aplicação. Possui ainda uma vasta integração com os principais frameworks Java do mercado, facilitando o seu uso em aplicações legadas ou não.
O DWR tem as suas principais funcionalidades localizadas no util.js e engine.js, cuja utilização é muito simples e intuitiva.
Métodos como setValues() e getValues(), onde é possível preencher um formulário a partir de um objeto Java ou receber dados de um formulário apenas com uma linha e enviá-los para a classe Java, são funcionalidades marcantes do DWR.
Temos ainda funcionalidades como ReverseAjax dentre outras, que são bastante úteis para o desenvolvimento de aplicações com Ajax. Tudo isso de uma maneira trivial e objetiva, fazendo com que o DWR se torne muito produtivo.
Lembrando que para o exemplo desenvolvido (autocomplete), não iremos utilizar todas as “libs” do Script.aculo.us, apenas: prototype.js, effects.js e controls.js. Entretanto, é interessante ter o framework por completo, pois caso você precise de outra funcionalidade ela já estará presente. Em seguida faça os imports nas suas páginas JSP, adicionando as libs dos arquivos que você irá utilizar, conforme a Listagem 1.
ATENÇÃO! A exibição deste artigo foi interrompida.
#Este é um post fechado Este post está disponível para assinantes da Java Magazine DIGITAL ou para quem possui Créditos DevMedia. Clique aqui para saber mais sobre como abrir este post!
0 COMENTÁRIO
[Este post ainda não foi associado a uma sequência]
Você está em:
canal Java
Publicidade
Estudo comparativo entre banco de dados IBM Informix e Microsoft SQL
Handerson Brito Frota
Space do autor
Handerson Brito Frota (handersonbf@gmail.com), cursando 8º semestre do curso de Bacharel em Ciências da Computação pela Faculdade Lourenço Filho, trabalha com desenvolvimento de sites e sistemas web desde 1998 e com Java desde 2001. Já atuando como Analista Programador Java em várias empresas, Líder...
Space do autor
0
0
Conheça os planos de créditos DevMedia e visualize esse post agora mesmo!