<!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安全编程：HTTP请求欺骗(转)

    一个比欺骗表单更高级和复杂的攻击方式是HTTP请求欺骗.这给了攻击者完全的控制权与灵活性,它进一步证明了不能盲目信任用户提交的任何数据. 为了演示这是如何进行的,请看下面位于http://exampl ...

  2. Android Studio 快捷键（转）

    Android Studio 快捷键 操作 Mac OSX Win/Linux 注释代码(//) Cmd + / Ctrl + / 注释代码(/**/) Cmd + Option + / Ctrl + ...

  3. python----------反射和设计模式

    反射: 把字符串映动态射成对象内存地址. hasattr():判断一个对象里是否有对应的字符串的方法 getattr():根据字符串去获取obj对象里的对应方法的内存地址. class Dog(obj ...

  4. Ext checkbox

    Ext.require([     'Ext.grid.*',     'Ext.data.*',     'Ext.util.*',     'Ext.grid.PagingScroller',   ...

  5. （转）dedecms插件开发简明教程

    这篇文章主要为大家介绍了dedecms插件开发的方法,以实例形式对插件开发的步骤进行了详细的介绍,非常具有实用价值,需要的朋友可以参考下  原文:http://www.jb51.net/cms/230 ...

  6. sql server identity限制

    identity属性是依赖于表的,它不是一种独立的序列机制,不能随意使用它生成新值. 标识值是在insert语句执行时生成的,不是在执行之前生成的. identity属性是以异步的方式分配标识值.这意 ...

  7. JS中区分参数方法

    实现功能:在使用cocosjs制作游戏过程中,很多东西都可以重复使用,例如菜单栏等等.今天尝试写了一个自定义的Js文件用作菜单方便以后使用. 将菜单按钮,以及触发事件作为参数生成一个层 直接在游戏中使 ...

  8. 从零开始学java（小游戏 石头剪刀布）

    Game.java package com.java;import java.util.Scanner;public class Game {        private Player player ...

  9. 疯狂学习java web4(jsp)

    JSP与PHP.ASP.ASP.NET等语言类似,运行在服务端的语言. JSP(全称Java Server Pages)是由Sun Microsystems公司倡导和许多公司参与共同创建的一种使软件开 ...

  10. underscorejs-some学习

    2.11 some 2.11.1 语法: _.some(list, predicate, [context]) 2.11.2 说明: 对list集合的每个成员根据predicate进行真值检测,如果一 ...