<!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>

-_-#【Backbone】Collection的更多相关文章

  1. -_-#【Backbone】Router

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  2. -_-#【Backbone】View

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  3. -_-#【Backbone】Model

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  4. Linu下的Mysql学习详解_【all】

    Linux下Mysql简介 1.什么是Mysql(MariDB) 1.数据库:存储数据的仓库    2.关系型数据库:mysql(主流用5.5,5.6), oracle        本质:二维表   ...

  5. Mysql 系统学习梳理_【All】

    0.Linux学习---CentOS 7编译安装MySQL 8.0 1.Mysql学习---SQL语言的四大分类 2.Mysql学习---基础操作学习 3.Mysql学习---基础操作学习2 4.My ...

  6. Linux 下LNMP环境搭建_【all】

    LNMP = Linux + Nginx + Mysql + PHP 1.0 Linux环境搭建 Linux 系统安装[Redhat] 1.1. FastCGI介绍 1.什么是CGI(common g ...

  7. Java集合【6】-- Collection和Collections的区别

    刚开始学java的时候,分不清Collection和Collections,其实这两个东西是完全不一样的东西. Collection是一个接口,是java集合中的顶级接口之一,衍生出了java集合的庞 ...

  8. Python 系统学习梳理_【All】

    Python学习 1. Python学习---Python安装与基础1205 2. Python学习---PyCharm的使用学习 3. Python学习---Python数据类型1206 4. Py ...

  9. 企业级NFS网络文件共享服务_【all】

    1.1. 什么是NFS(1台机器提供服务) Network File System(网络文件系统)通过局域网让不同的主机系统之间共享文件或目录. NFS客户端可以通过挂载的方式将NFS服务器端共享的数 ...

随机推荐

  1. spring mvc DispatcherServlet详解前传---HttpServletBean类

    从上章里我们已经看到: DispatcherServlet extends FrameworkServlet FrameworkServlet extends HttpServletBean impl ...

  2. Entity Framework CodeFirst------数据迁移（二）

    众所周知当我们的项目涉及到数据库时,随着需求或大或小的 变更后,我们之前设计好的数据模型会发生部分的更改,导致数据表.或者数据字段的增加.修改等,这个时候我们就需要对数据库结构进行修改,如果我们之前采 ...

  3. nginix 笔记

    1. 一个master进程,多个worker进程,worker进程数目可自动配置为核的数目 2. 配置文件ngnix.conf存放在linux的/etc/ngnix目录下

  4. Android（java）学习笔记215：多线程断点下载的原理（JavaSE实现）

    1. 为什么需要多线程下载?     服务器的资源有限,同时的平均地分配给每个客户端.开启的线程越多抢占的服务的资源就越多,下载的速度就越块. 2. 下载速度的限制条件? (1)你的电脑手机宽带的带宽 ...

  5. 在/etc/password用户名前面加hello，ID前加is

    方法2: #!/bin/sh #set -x file=/etc/passwd while read LINE #for i in `cat $file` do #username=`echo $i| ...

  6. hash练习

    /* poj 1200 Crazy Search 字符串hash O(n)枚举起点 然后O(1)查询子串hash值 然后O(n)找不一样的个数 复杂度是线性的 */ #include<iostr ...

  7. Sublime Text3使用详解

    Sublime Text简介 Sublime Text - 性感的代码编辑器.程序员之必备神器 Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器.Sublime Text ...

  8. 关于php读mysql数据库时出现乱码的解决方法

    关于php读mysql数据库时出现乱码的解决方法 php读mysql时,有以下几个地方涉及到了字符集. 1.建立数据库表时指定数据库表的字符集.例如 create table tablename ( ...

  9. Mac 安装maven3.3.9

    只记录一部分自己出错的内容 maven 3 与 jdk 版本的关系 之前安装的jdk是1.8 安装完maven(包括配置环境变量)之后,输入mvn -version 显示版本错误 ,百度之后发现是ma ...

  10. 关于margin-top失效的解决方法

    常出现两种情况:(一)margin-top失效 先看下面代码: <div><div class="box1" >float:left</div> ...