1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 5 <title></title> 6 <script type="text/javascript" src="jquery-1.8.0.min.js"></script> 7 <script type="text/javascript" src="underscore.js"></script> 8 <script type="text/javascript" src="backbone.js"></script> 9 <script type="text/javascript" src="index.js"></script> 10 </head> 11 <body> 12 13 </body> 14 </html>
1 var Song = Backbone.Model.extend({ 2 defaults: { 3 name: "Not specified", 4 artist: "Not specified" 5 }, 6 initialize: function() { 7 console.log('Music is the answer'); 8 } 9 }); 10 11 var Album = Backbone.Collection.extend({ 12 model: Song 13 }); 14 15 var song1 = new Song({ 16 name: "How Bizarre", 17 artist: "OMC" 18 }); 19 var song2 = new Song({ 20 name: "Sexual Healing", 21 artist: "Marvin Gaye" 22 }); 23 var song3 = new Song({ 24 name: "Talk It Over In Bed", 25 artist: "OMC" 26 }); 27 28 var myAlbum = new Album([song1, song2, song3]); 29 console.log(myAlbum.models); 30 console.log(JSON.stringify(myAlbum.models[0])); 31 32 var name1 = song1.get("name"); 33 console.log(name1); 34 var artist1 = song1.get("artist"); 35 console.log(artist1);