02-collection-04.html

/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



<!DOCTYPE html>  
<html lang="en">
<head> 
<title>Collection 04</title>
    
    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://static.stackmob.com/js/json2-min.js"></script>
    <script type="text/javascript" src="http://static.stackmob.com/js/underscore-1.3.3-min.js"></script>
    <script type="text/javascript" src="http://static.stackmob.com/js/backbone-0.9.2-min.js"></script>
    
    <script>

        (function($){

            Wine = Backbone.Model.extend();
            
            Wines = Backbone.Collection.extend({
                Model: Wine,
                url: "#"
            });

            wines = new Wines();

            wines.on('add remove', function(model, color) {
                console.log("you've changed the collection");
            });

            var firstWine = new Wine({
                name: 'Clos Pegase'
            });

            wines.add(firstWine);
            
        }(jQuery));


  	</script>

</head> 
<body></body>
</html>