• Like
  • Save
Cakephp+jquery
Upcoming SlideShare
Loading in...5
×

Cakephp+jquery

  • 6,626 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
6,626
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
6
Comments
0
Likes
5

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide



































Transcript

  • 1. CakePHP jQuery
  • 2. • twitter @nano_eight • github nano-eight
  • 3. • AmazonEC2 • CakePHP • Twitter • Cake 100 LT
  • 4. CakePHP
  • 5. (; ∀ )
  • 6. jQuery
  • 7. jQuery CakePHP
  • 8. • jQuery CakePHP • jQuery UI • jQuery plugin •
  • 9. jQuery CakePHP
  • 10. JsHelper
  • 11. • effect() ‣ ‣ slideIn fadeOut • submit() ‣ Ajax POST
  • 12. • echo $js->writeBuffer(); • options array('buffer' => false) writeBuffer()
  • 13. JsHelper jQuery UI • slider() • sortable() • drag • drop
  • 14. JsHelper jQuery UI • slider() • sortable() • drag • drop Javascript
  • 15. JsHelper jQuery UI • slider() • sortable() • drag • drop Javascript →
  • 16. • sortable() POST <?php echo $form->hidden( 'order][', array('value' => 'item') ); ?>
  • 17. datepicker • datepicker JsHelper • • @surface0
  • 18. datepicker • datepicker JsHelper • • @surface0 →
  • 19. <?php $dp_options = array( 'buttonImage' => 'calendar.png', 'buttonImageOnly' => true, 'changeMonth' => true 'changeYear' => true, ); echo $datepicker->set(null, $dp_options); ?>
  • 20. jQuery Plugin
  • 21. jGrowl • Mac Growl • helper Session::setFlash + element
  • 22. 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'
  • 23. qTip • ToolTip • • <?php echo $qtip->set('ul li', $qtip_options); ?>
  • 24. Flexigrid • Grid • Cake
  • 25. Cake
  • 26. CakePHP jQuery
  • 27. CakePHP jQuery