/chap06/backbone/collections.html
HTML | 33 lines | 33 code | 0 blank | 0 comment | 0 complexity | 2c3904a90bbb3f43983102adb1542297 MD5 | raw file
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Backbone</title>
- <script src="/bower_components/underscore/underscore.js"></script>
- <script src="/bower_components/backbone/backbone.js"></script>
- </head>
- <body>
- <h1>Backbone!</h1>
- <div id=backbone-root"></div>
- </body>
- <script>
- var Chat = Backbone.Model.extend({});
- var ChatCollection = Backbone.Collection.extend({
- model: Chat
- });
- var chat = new Chat({message: 'Hey'});
- var collection = new ChatCollection([
- chat
- ]);
- collection.on('add change remove', function(model, value) {
- console.log(model);
- });
- chat.set({message: 'Hey Again'});
- var added = collection.add({message: "Another chat"});
- collection.add(Chat);
- collection.remove(added);
- </script>
- </html>