<!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. 【PHP缩略图类】手机照片不能生成缩略图问题以及解决方式

    [本文原创,谢绝转载] 一.出现的问题 这几天做了手机上传照片并裁出缩略图的接口的測试,发现无论怎么.生成的缩略图都是一片漆黑.:-( 然后就把这个缩略图类单拿出来进行測试,发现仅仅要是手机拍出来的照 ...

  2. js中return false，return，return true的使用方法及区别

    起首return作为返回keyword,他有下面两种返回体式格式 1.返回把握与函数成果 语法为:return 表达式; 语句停止函数履行,返回调用函数,而且把表达式的值作为函数的成果 2.返回把握无 ...

  3. (转)void指针(void *的用法)

    指针有两个属性:指向变量/对象的地址和长度 但是指针只存储地址,长度则取决于指针的类型 编译器根据指针的类型从指针指向的地址向后寻址 指针类型不同则寻址范围也不同,比如: int*从指定地址向后寻找4 ...

  4. Linux Terminal 控制终端的使用

    1. Open new Terminal:Ctrl + Alt + T 或者 Ctrl + Shift + N 2. Open Tab:Ctrl + Shift + T 3. Close Tab:Ct ...

  5. 【iOS控制器跳转时，NavigationBar有阴影动画闪过的解决办法】

    如题,push控制器时,由于默认的控制器view是黑色,push到这个控制器时,navigationBar(默认是透明效果)后面有一个黑色阴影一闪而过,解决办法将navigationBar设为图片填充 ...

  6. hash练习

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

  7. javabean、DTO、VO

    一.javabean 一. javabean 是什么? Bean的中文含义是“豆子”,顾名思义,JavaBean是指一段特殊的Java类, 就是有默然构造方法,只有get,set的方法的java类的对 ...

  8. JS正则表达式验证账号、手机号、电话、邮箱、货币

    验证帐号是否合法验证规则:字母.数字.下划线组成,字母开头,4-16位. function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.t ...

  9. JS的replace()的应用

    替换字符串中的空格 /\s/ig 例如: var pro="ssss  ssss  sss ddd ss" var protext = pro.replace(/\s/ig,&qu ...

  10. bootstrap新闻模块样式模板

    <!-- news beginning --> <div class="container mp30"> <div class="row&q ...