Zend Framework and Dojo

Zend Framework / Dojo-Integration 20. August 2009 | Annika Rabea Stahlberg

Übersicht

Zend Framework

Dojo Toolkit

Zend_Dojo

… einbinden

… Verwendung in Views (Beispiel: TabContainer)

… Verwendung mit Formularen

Zend Framework

Open Source PHP Framework

objektorientiert implementiert

Komponenten weitestgehend voneinander unabhängig

Latest Stable Release Version 1.9.1 (August 2009)

http://framework.zend.com

Dojo Toolkit

Open Source JavaScript Toolkit

… bestehend aus

dojo

dijit

dojox

Latest Stable Release Version 1.3.2 (Juli 2009)

http://www.dojotoolkit.org

Zend_Dojo

Unterstützung JSON-RPC

dojo.data-Kompabilität

View-Helper zum Einrichten des Dojo-Umfelds

dijit-spezifische Zend_View-Helper

dijit-spezifische Zend_Form-Elemente und -Dekoratoren

Dojo einbinden

ZF „Full Package“ herunterladen

View-Helper bekannt machen und konfigurieren

Konfiguration ausgeben

$view = Zend_Layout::getMvcInstance()->getView(); // entweder Zend_Dojo::enableView($view); // oder $view->addHelperPath('Zend/Dojo/View/Helper', 'Zend_Dojo_View_Helper'); $view->dojo()->addStyleSheetModule('dijit.themes.tundra') ->setLocalPath('/js/dojo/dojo.js') ->enable(true); <?php if($this->dojo()->isEnabled()): ?> <?php echo $this->dojo() ?> <?php endif; ?> © MAYFLOWER GmbH 2009

View-Beispiel: TabContainer

TabContainer: dijit.layout.TabContainer

ContentPane: dijit.layout.ContentPane

<?php $this->tabContainer()->captureStart('container'); $this->contentPane()->captureStart( 'form', array( 'title' => 'Formular‚ ) ); ...Content... echo $this->contentPane()->captureEnd('form'); echo $this->tabContainer()->captureEnd('container'); ?> © MAYFLOWER GmbH 2009

Formular-Beispiel

Bei vorhandenen Formularen Dojo verwenden

Setzt Prefix-Pfade für Elemente, DisplayGroups, Dekoratoren - auch für SubForms

Zend_Dojo_Form verwenden

$form = new Zend_Form(); Zend_Dojo::enableForm($form); $form->addDecorator('DijitForm') $dojoForm = new Zend_Dojo_Form(); $dojoForm->addElement('DateTextBox', 'geburtstag', array( 'label' => 'Wann hast du Geburtstag?', 'datePattern' => 'dd.MM.yyyy', 'required' => true)); © MAYFLOWER GmbH 2009

Vielen Dank für Ihre Aufmerksamkeit Annika Rabea Stahlberg MAYFLOWER GmbH Pleichertorstr. 2 97070 Würzburg +49 (931) 35 9 65 - 1121 [email_address]