<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../app-min.css">
</head>
<body>
<script src="../../jquery/jquery-1.10.2.js"></script>
<script src="../underscore.js"></script>
<script src="../backbone.js"></script>
<script>
var Book = Backbone.Model.extend({
defaults: {
title: 'default'
},
initialize: function() {
}
})
var BookShelf = Backbone.Collection.extend({
model: Book
})
var book1 = new Book({title: 'book1'})
var book2 = new Book({title: 'book2'})
var book3 = new Book({title: 'book3'})
var bookShelf = new BookShelf
bookShelf.add(book1)
bookShelf.add(book2)
bookShelf.add(book3)
bookShelf.remove(book3)
bookShelf.each(function(book) {
console.log(book.get('title'))
})
var showAllBooks = function() {
bookShelf.each(function(book) {
console.log(book.get('title'))
})
}
bookShelf.bind('reset', showAllBooks)
bookShelf.url = '/books/'
bookShelf.fetch({
reset: true,
success: function(collection, response, options) {
collection.each(function(book) {
console.log(book.get('title'))
})
},
error: function(collection, response, options) {
console.log('error')
}
})
var NewBooks = Backbone.Collection.extend({
model: Book,
url: '/books/'
})
var books = new NewBooks
var onebook = books.create({
title: "I'm coming"
})
</script>
<article class="content">
<pre>var Book = Backbone.Model.extend({
defaults: {
title: 'default'
},
initialize: function() {
}
})
var BookShelf = Backbone.Collection.extend({
model: Book
})
var book1 = new Book({title: 'book1'})
var book2 = new Book({title: 'book2'})
var book3 = new Book({title: 'book3'})
var bookShelf = new BookShelf
bookShelf.add(book1)
bookShelf.add(book2)
bookShelf.add(book3)
bookShelf.remove(book3)
bookShelf.each(function(book) {
console.log(book.get('title'))
})
var showAllBooks = function() {
bookShelf.each(function(book) {
console.log(book.get('title'))
})
}
bookShelf.bind('reset', showAllBooks)
bookShelf.url = '/books/'
bookShelf.fetch({
reset: true,
success: function(collection, response, options) {
collection.each(function(book) {
console.log(book.get('title'))
})
},
error: function(collection, response, options) {
console.log('error')
}
})
var NewBooks = Backbone.Collection.extend({
model: Book,
url: '/books/'
})
var books = new NewBooks
var onebook = books.create({
title: "I'm coming"
})</pre>
</article>
</body>
</html>