Este é um post disponível para assinantes MVP
dê seu feedback
post favorito
Dojo Toolkit na prática - Revista Java Magazine 98
Este artigo demonstra como utilizar componentes do Dojo Toolkit em uma aplicação web. No decorrer do mesmo é desenvolvido um exemplo ressaltando o uso de componentes como gráficos, grid e temas, assim como a validação de formulários. Tudo isso s
[Artigo já está disponível no Leitor Digital DevMedia®. Clique aqui para acessá-lo]
> Clique aqui para ler todos os artigos da Java Magazine 98
O surgimento de tecnologias para facilitar o desenvolvimento rápido de aplicações web é algo cada vez mais comum e bem aceito no mercado. O Dojo Toolkit é um bom exemplo disso. Trata-se de uma biblioteca JavaScript modular de código aberto, que traz mais produtividade para a construção de aplicativos, agregando uma série de recursos, como sintaxe simplificada, funções para interações AJAX, componentes gráficos, efeitos visuais, validações de formulários, entre outros.
Tendo como exemplo uma aplicação com o uso de requisições AJAX, usando o Dojo podemos realizar uma requisição assíncrona de maneira fácil com poucas linhas de código, enquanto que usando JavaScript puro isso poderia tomar várias linhas. Existem também inúmeros temas disponíveis no Dojo, que tornam a aparência da aplicação mais agradável até mesmo para componentes simples como inputs. Outro ponto que não podemos deixar de comentar é a variedade de componentes e efeitos visuais, alguns dos quais iremos utilizar no decorrer deste artigo.
Com o uso dos componentes Dojo você não vai perder tempo com a criação de vários arquivos CSS e seus ajustes de formatos, pois os componentes já vêm prontos, basta utilizá-los. A aplicação dos temas do Dojo também é realizada de forma bastante simples.
Para iniciar nossos estudos, vamos analisar um pequeno trecho de código. A Listagem 1 demonstra o uso de algumas funções simples do Dojo. Analisando o código, vemos primeiramente a função dojo.ready(), que é executada assim que a página é carregada. Então a função dojo.byId() é chamada buscando o elemento que possui o id one e, por fim, o conteúdo deste elemento é alterado através da propriedade innerHTML. Como resultado, temos o texto “Hello Dojo Toolkit” inserido no elemento h1 da nossa página.
Listagem 1. Exemplo de código usando o Dojo.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Dojo!</title>
<script
src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js"></script>
<script>
dojo.ready(function(){
var one =
dojo.byId("one");
one.innerHTML = "Hello Dojo Toolkit!";
});
</script>
"
ATENÇÃO! A exibição deste artigo foi interrompida.
Este é um post disponível para assinantes MVP
Space do autor
1
0
