/Backbone/L1/course-hands-on-code/hands-on/02-collection-04.html

https://github.com/csnemeth79/Coursez · HTML · 43 lines · 29 code · 14 blank · 0 comment · 0 complexity · 690a3f9e9085ccc0db9070067180b413 MD5 · raw file 

    

  1. <!DOCTYPE html>  
    2. 

  2. <html lang="en">
    3. 

  3. <head> 
    4. 

  4. <title>Collection 04</title>
    5. 

  5.     
    6. 

  6.     <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />
    7. 

  7.     <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    8. 

  8.     <script type="text/javascript" src="http://static.stackmob.com/js/json2-min.js"></script>
    9. 

  9.     <script type="text/javascript" src="http://static.stackmob.com/js/underscore-1.3.3-min.js"></script>
    10. 

  10.     <script type="text/javascript" src="http://static.stackmob.com/js/backbone-0.9.2-min.js"></script>
    11. 

  11.     
    12. 

  12.     <script>
    13. 

  13. 

  14.         (function($){
    15. 

  15. 

  16.             Wine = Backbone.Model.extend();
    17. 

  17.             
    18. 

  18.             Wines = Backbone.Collection.extend({
    19. 

  19.                 Model: Wine,
    20. 

  20.                 url: "#"
    21. 

  21.             });
    22. 

  22. 

  23.             wines = new Wines();
    24. 

  24. 

  25.             wines.on('add remove', function(model, color) {
    26. 

  26.                 console.log("you've changed the collection");
    27. 

  27.             });
    28. 

  28. 

  29.             var firstWine = new Wine({
    30. 

  30.                 name: 'Clos Pegase'
    31. 

  31.             });
    32. 

  32. 

  33.             wines.add(firstWine);
    34. 

  34.             
    35. 

  35.         }(jQuery));
    36. 

  36. 

  37. 

  38.   	</script>
    39. 

  39. 

  40. </head> 
    41. 

  41. <body></body>
    42. 

  42. </html>
    43.