Cakephp+jquery

CakePHP jQuery

• twitter @nano_eight • github nano-eight

• AmazonEC2 • CakePHP • Twitter • Cake 100 LT

CakePHP

(; ∀ )

jQuery

jQuery CakePHP

• jQuery CakePHP • jQuery UI • jQuery plugin •

jQuery CakePHP

JsHelper

• effect() ‣ ‣ slideIn fadeOut • submit() ‣ Ajax POST

• echo $js->writeBuffer(); • options array('buffer' => false) writeBuffer()

JsHelper jQuery UI • slider() • sortable() • drag • drop

JsHelper jQuery UI • slider() • sortable() • drag • drop Javascript

JsHelper jQuery UI • slider() • sortable() • drag • drop Javascript →

• sortable() POST <?php echo $form->hidden( 'order][', array('value' => 'item') ); ?>

datepicker • datepicker JsHelper • • @surface0

datepicker • datepicker JsHelper • • @surface0 →

<?php $dp_options = array( 'buttonImage' => 'calendar.png', 'buttonImageOnly' => true, 'changeMonth' => true 'changeYear' => true, ); echo $datepicker->set(null, $dp_options); ?>

jQuery Plugin

jGrowl • Mac Growl • helper Session::setFlash + element

jGrowl • jgrowl jgrowl/ok,ng element <script> $(document).ready(function(){ $.jGrowl("<?php echo $message; ?>", {header:'result', theme:'jgSuccess'}); return false; }); </script> • Controller Session::setFlash 'jgrowl/ok'

qTip • ToolTip • • <?php echo $qtip->set('ul li', $qtip_options); ?>

Flexigrid • Grid • Cake

CakePHP jQuery

http://www.slideshare.net	153
http://uwa.campus.ua.dev.sapo.pt	1
http://facebook.slideshare.com	1

Cakephp+jquery

by nanoeight on May 30, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 155

Statistics

Cakephp+jquery — Presentation Transcript