Zend Framework + Dojo Toolkit

Em: Zend

22 jan 2009

Inúmeros fatores e ideais em comum levaram a equipe de desenvolvimento do Zend Framework a firmarem uma parceria com o Dojo Toolkit, como forma de garantir ótimos recursos para aplicações web como funções para Ajax e widgets para criação de interfaces com o usuário.

Para iniciar o uso do Dojo com em sua aplicação com Zend, baixe o pacote do Dojo Toolkit e descompacte-o na sua pasta public, no diretório de javascripts. Se você estiver utilizando a estrutura de diretórios do Zend Studio, ficará assim:

pasta_dojo

Repare que o pacote é composto por três pastas: dijit, dojo e dojox.

Dojo: É o core do framework, possui todas as funções de Ajax, seleção de elementos por CSS, utilitários de linguagem, JSON entre várias outras.

Dijit: Conjunto de widgets com os quais poderão ser criadas interfaces web 2.0 bastante interessantes. Se você não quiser utilizar os estilos prontos (skins), poderá criar o seu facilmente. Exemplos de widgets: paleta de cores, barras de status, janelas e alertas personalizados, campos de formulários personalizados e muito mais!

Dojox: Pacote de extensões para o Dojo, como gráficos e ferramentas de desenho.

Feito isso, iremos habilitá-lo no header do nosso layout (no meu caso, main.phtml):

<?php
// Checa se o Dojo está ativo no Zend Framework
if ($this->dojo()->isEnabled()) {
  // Configura o caminho para o arquivo do core do dojo
  $this->dojo()->setLocalPath($this->baseUrl().'/scripts/dojo/dojo.js')
  // Configura alguns parâmetros opcionais do Dojo
  // como parse após o carregamento da página
  // e configuração dos idiomas padrão
  ->setDjConfig(array(
    'parseOnLoad' => true,
    'extraLocale' => array('pt-br', 'en-us')
  ))
  // Seleciona o tema 'tundra'
  ->addStyleSheetModule('dijit.themes.tundra');
}
?>
<?php dojo()->javascriptCaptureStart() ?>
  // Se você desejar criar funções javascript extras,
  // deverá colocá-las aqui
<?php dojo()->javascriptCaptureEnd() ?>
 
<?php
// Insere as configurações acima no html
echo $this->dojo();
?>

Agora, na tag header, insira a classe relacionada à skin que você selecionou:

<body class="tundra">

Pronto! Agora você poderá utilizar as funções do Dojo normalmente, mas fique atento: alguns recursos requerem configurações adicionais.

Comentário

Sobre o autor

Rubens Gadelha é formado em Webdesign & Webmaster (hoje Desenvolvimento de Web e Comércio Eletrônico) pela Universidade Estadual Vale do Acaraú - UVA e dedica algumas horas do dia à boa leitura e autodidática.

Atualmente trabalha como Programador Web, focado na linguagem PHP e no Zend Framework, bibliotecas de javascript como JQuery e o uso de CMS’s como Drupal. Os bancos de dados MySQL e PostGres também fazem parte do seu dia-a-dia.

Dedica suas horas vagas ao aprofundamento na linguagem Java

Categorias

Arquivos

  • Vinidog: ótima postagem... parabéns ;-) [...]
  • Diego: Ótima dica! Só preciso estudar um pouco mais a classe html2pdf pra ver se faz o que preciso impl [...]
  • Micael: muito bacana esse drupal aih eh bacana tem futuro ein huauha abraço [...]

Copyright © 2010 - Rubens Gadelha

Design by Design Disease