Zend Framework / Dojo-Integration 20. August 2009 | Annika Rabea Stahlberg
Übersicht <ul><li>Zend Framework </li></ul><ul><li>Dojo Toolkit </li></ul><ul><li>Zend_Dojo </li></ul><ul><ul><li>… einbin...
Zend Framework <ul><li>Open Source PHP Framework </li></ul><ul><ul><li>objektorientiert implementiert </li></ul></ul><ul><...
Dojo Toolkit <ul><li>Open Source JavaScript Toolkit </li></ul><ul><ul><li>… bestehend aus </li></ul></ul><ul><ul><ul><li>d...
Zend_Dojo <ul><li>Unterstützung JSON-RPC </li></ul><ul><li>dojo.data-Kompabilität </li></ul><ul><li>View-Helper zum Einric...
Dojo einbinden <ul><li>ZF „Full Package“ herunterladen </li></ul><ul><li>View-Helper bekannt machen und konfigurieren </li...
View-Beispiel: TabContainer <ul><li>TabContainer: dijit.layout.TabContainer  </li></ul><ul><li>ContentPane: dijit.layout.C...
Formular-Beispiel <ul><li>Bei vorhandenen Formularen Dojo verwenden </li></ul><ul><li>Setzt Prefix-Pfade für Elemente, Dis...
Vielen Dank für Ihre Aufmerksamkeit Annika Rabea Stahlberg MAYFLOWER GmbH Pleichertorstr. 2 97070 Würzburg +49 (931) 35 9 ...
Upcoming SlideShare
Loading in …5
×

Zend Framework and Dojo

2,781 views

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,781
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
30
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Zend Framework and Dojo

  1. 1. Zend Framework / Dojo-Integration 20. August 2009 | Annika Rabea Stahlberg
  2. 2. Übersicht <ul><li>Zend Framework </li></ul><ul><li>Dojo Toolkit </li></ul><ul><li>Zend_Dojo </li></ul><ul><ul><li>… einbinden </li></ul></ul><ul><ul><li>… Verwendung in Views (Beispiel: TabContainer) </li></ul></ul><ul><ul><li>… Verwendung mit Formularen </li></ul></ul>© MAYFLOWER GmbH 2009
  3. 3. Zend Framework <ul><li>Open Source PHP Framework </li></ul><ul><ul><li>objektorientiert implementiert </li></ul></ul><ul><ul><li>Komponenten weitestgehend voneinander unabhängig </li></ul></ul><ul><ul><li>Latest Stable Release Version 1.9.1 (August 2009) </li></ul></ul><ul><li>http://framework.zend.com </li></ul>© MAYFLOWER GmbH 2009
  4. 4. Dojo Toolkit <ul><li>Open Source JavaScript Toolkit </li></ul><ul><ul><li>… bestehend aus </li></ul></ul><ul><ul><ul><li>dojo </li></ul></ul></ul><ul><ul><ul><li>dijit </li></ul></ul></ul><ul><ul><ul><li>dojox </li></ul></ul></ul><ul><ul><li>Latest Stable Release Version 1.3.2 (Juli 2009) </li></ul></ul><ul><li>http://www.dojotoolkit.org </li></ul>© MAYFLOWER GmbH 2009
  5. 5. Zend_Dojo <ul><li>Unterstützung JSON-RPC </li></ul><ul><li>dojo.data-Kompabilität </li></ul><ul><li>View-Helper zum Einrichten des Dojo-Umfelds </li></ul><ul><li>dijit-spezifische Zend_View-Helper </li></ul><ul><li>dijit-spezifische Zend_Form-Elemente und -Dekoratoren </li></ul>© MAYFLOWER GmbH 2009
  6. 6. Dojo einbinden <ul><li>ZF „Full Package“ herunterladen </li></ul><ul><li>View-Helper bekannt machen und konfigurieren </li></ul><ul><li>Konfiguration ausgeben </li></ul>$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
  7. 7. View-Beispiel: TabContainer <ul><li>TabContainer: dijit.layout.TabContainer </li></ul><ul><li>ContentPane: dijit.layout.ContentPane </li></ul><?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
  8. 8. Formular-Beispiel <ul><li>Bei vorhandenen Formularen Dojo verwenden </li></ul><ul><li>Setzt Prefix-Pfade für Elemente, DisplayGroups, Dekoratoren - auch für SubForms </li></ul><ul><li>Zend_Dojo_Form verwenden </li></ul>$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
  9. 9. Vielen Dank für Ihre Aufmerksamkeit Annika Rabea Stahlberg MAYFLOWER GmbH Pleichertorstr. 2 97070 Würzburg +49 (931) 35 9 65 - 1121 [email_address]

×