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

  • Sergio: Excelente! trabalho muito bom, mas seria bom ter um link para o download completo. Obrigado! [...]
  • Sergio: Excelente!!! muy buen trabajo, pero sería bueno tener un link con la descarga completa. Gracias! [...]
  • Percival: Olá tenho algumas duvidas, sou novo em vaadin e seu post esta bom, mas "BiometriaApplication" que r [...]
  • Jonathan Welzel: Ótimo tutorial. Já tinha visto um exemplo baseado nesse padrão de gerenciamento de sessões por r [...]
  • Arthur: Amigo, tentei fazer o que vc disse no passo-a-passo essa integração do hibernate com o vaadin. Eu [...]

Copyright © 2010 - Rubens Gadelha

Design by Design Disease