<!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. Android自动化测试之Monkey工具

    前言:Android自动化测试工具.方法和框架,包括android测试框架.CTS.Monkey.Monkeyrunner.benchmark.test tool等. 一. 什么是MonkeyMonk ...

  2. [AWS] Install the AWS cli

    On Windows, just download the installer and install it. Configure: aws configure In your aws console ...

  3. [Angular 2] Controlling how Styles are Shared with View Encapsulation

    Style and View Encapsulation is best understood by seeing how each option (Emulated, Native, and Non ...

  4. [Angular 2] Pipes with Multiple Parameters

    Showing how to set up a Pipe that takes multiple updating inputs for multiple Component sources. imp ...

  5. Android 跨应用调用Activity及Service

    如何调用另外一个app应用的activity或者service,本文提供一个验证可行的方法. 调用方法: Intent intent=new Intent("youActionName&qu ...

  6. vim中选择匹配文本删除技巧

    试举几例如下: 如何只保留匹配内容行而删除其他行? :v/pattern/d :help :v 如何对每行只保留匹配内容而删除这一行中的其它内容 :%s/^.pattern.$/\1/g 删除包含特定 ...

  7. HDU5289

    题意:求解存在最大差值小于给定K值的所有区间段. 输入: T(测试数据) n(数组个数)K(给定区间值的范围) ai...(数组值) 输出: ss(所有满足符合条件的区间段) 思路:二分+ST算法,首 ...

  8. jQuery 表单验证插件——Validation(基础)

    这个插件不错,是用jquery写的.能进行表单验证.我喜欢它的原因是因为 1.他有自带的验证规则 2.你可以自己写验证规则 3.可以通过ajax与后台交互,与后台数据比较.最后返回结果!我在表单中要验 ...

  9. c# 用正则表达式获取开始和结束字符串中间的值

    c# 用正则表达式获取开始和结束字符串中间的值 /// <summary> /// 获得字符串中开始和结束字符串中间得值 /// </summary> /// <para ...

  10. iOS App上传中遇到的问题

    1. 今天打包上传文件时出现“Missing iOS Distribution signing identity for XXXX” 导致问题的原因是:下边这个证书过期了 以下是苹果官方给出的回应: ...