`
2008winstar
  • 浏览: 60897 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
  • chenke: 写的很好,也可以看看那这个文章,我感觉学的还可以。http:/ ...
    HTML

Backbone中Collection的基础知识

 
阅读更多

   1 定义Collection,定义Collection时通常需要指定其扩展的Model

var Book = Backbone.Model.extend({
    defaults: {
        title: '',
        author: ''
    }
});

var BookShelf = Backbone.Collection.extend({
    model: Book
});

 

   2 向Collection中添加model

bookShelf.add(book);
bookShelf.add([book-array]);

 

   3 从Collection中移除model

bookShelf.remove(book);
bookShelf.remove([book-array]);

 

   4 获取Collection中的model

bookShelf.get(3); //id

 

   5 事件监听

BookShelf.on('add', function(book){});

 

BookShelf.on('change:title', function(book){});

 

   6 设置Collection

BookShelf.set([book-array]);

 

BookShelf.reset([book-array]);
BookShelf.reset();// 清空Collection,触发reset事件,而不触发add或remove事件

 

   7 更新Collection

BookShelf.update([book-array]);

 

   8 Underscore提供的方法

BookShelf.forEach(function(book){});

 

BookShelf.sortBy(function(book){
    return book.get('title').toLowerCase();
});

 

BookShelf.map(function(book){});

 

BookShelf.max(function(book){
    return book.id;
}).id;

BookShelf.min(function(book){
    return book.id;
}).id;

 

BookShelf.pluck('title');  //返回Collection中各个model的title属性,形成数组

 

Bookshelf.indexOf(book);

 

Bookshelf.any(function(book){
    return book.id === 3;
});

Bookshelf.some(function(book){
    return book.id === 3;
});

 

BookShelf.size();
//相当于
BookShelf.length;

 

BookShelf.isEmpty()

 

BookShelf.groupBy('key');

 

book.pick('key');

 

book.omit('key');

 

book.keys();

 

book.values();

 

book.pairs();

 

book.invert();

 

   id, cid, idAttribute

分享到:
评论

相关推荐

    backbone 入门指南

    ### Backbone.js入门指南知识点概述 #### 一、为什么需要Backbone.js?...以上内容涵盖了Backbone.js的基础知识和进阶技巧,以及如何使用Require.js来模块化组织Backbone应用程序。希望这些信息对你有所帮助。

    backbone.js入门教程

    ### Backbone.js 入门知识点详解 #### 一、初识 Backbone.js Backbone.js 是一款轻量级的 JavaScript 框架,它为 Web 开发提供了 MVC(Model-View-Controller)架构的基础组件。该框架的目标是简化客户端应用的...

    Marionette-FUNdamentals:Backbone + Marionette 基础知识

    Backbone.js是一个轻量级的MVC(Model-View-Controller)库,而Marionette则是在其基础上构建的一个更高级的架构框架,提供了更好的模块化和组织结构,帮助开发者构建复杂的应用程序。 ### Backbone.js 知识点 1. ...

    Node应用程序构建——使用MongoDB和Backbone

    **Node.js基础知识** Node.js的核心优势在于其非阻塞I/O模型和事件驱动架构,这使得它在处理大量并发请求时表现出色。Node.js提供了丰富的模块系统,如Express.js,它是一个强大的Web应用框架,简化了路由、中间件和...

    Backbone标准例子——通讯录

    1. **Backbone.js基础**:Backbone.js的核心是模型-视图-控制器模式,它提供了数据模型、视图组件、集合、路由器等核心模块,帮助开发者组织和管理代码。 2. **模型(Model)**:在通讯录应用中,每个联系人信息...

    BackBone图书源码.rar

    这个“BackBone图书源码”压缩包包含了一本关于BackBone.js的图书的源码,是学习和理解BackBone.js基础知识的理想资源。下面,我们将深入探讨BackBone.js的核心概念和关键特性。 1. **模型(Model)**:在BackBone...

    First Backbone.js

    在“First Backbone.js”这个主题中,我们将深入探讨Backbone.js的基础知识,包括它的核心概念、用法以及如何在实际项目中应用。 1. **模型(Model)** - 模型是Backbone的核心,它是后端数据的前端表示。模型处理...

    《Node应用程序构建:使用MongoDB和Backbone》 源码

    6. **Backbone.js的Model和Collection**:了解如何将MongoDB中的文档映射到Backbone.js的Model,以及如何使用Collection管理一组Model,实现数据的同步和异步操作。 7. **Backbone.js的View和Router**:学习如何...

    backbone.js.zip

    9. **轻量级**:Backbone.js的核心非常小巧,只提供了基础的MVC结构,开发者可以根据需要添加其他库或自定义组件。 10. **生态系统**:Backbone.js拥有丰富的插件和扩展,如Backbone Marionette用于构建更复杂的...

    Backbone.js Cookbook

    **本书《Backbone.js Cookbook》**提供了超过80个实用的食谱,涵盖了从基础知识到高级技巧的各个方面,帮助读者掌握如何利用Backbone.js创建卓越的Web应用。这些食谱不仅包括如何设置基础架构、编写高效的模型和视图...

    开始学习 Backbone

    这个标题暗示我们将探讨Backbone的基础知识,包括其核心概念、架构以及如何在实际项目中应用。 **Backbone架构** Backbone的核心组件包括Model、View、Collection和Router。Model是数据的载体,负责处理数据的业务...

    一个结合了require.js+backbone的例子,适合初学者

    3. Backbone.js的基础:学习模型(Model)如何绑定数据,视图(View)如何负责渲染和事件处理,集合(Collection)如何管理一组模型,以及路由器(Router)如何处理URL路由。 4. 模型-视图通信:了解模型变更如何...

    Backbone素材资料

    首先,`Backbone入门基础.mmap`可能是MindMap或类似的学习工具创建的文件,它可能包含了Backbone.js的基本概念、架构和关键组件的概览。这可能包括: 1. **Model**:Backbone中的核心数据模型,用于存储和管理应用...

    讲解JavaScript的Backbone.js框架的MVC结构设计理念

    在Backbone.js框架中,MVC结构设计理念的实现依赖于几个核心组件:Model、View、Collection、Router、History和Sync。Model代表应用中的数据模型,它负责定义数据的结构和验证逻辑。Collection则是Model的集合,它...

    前端项目-backbone.ribs.zip

    在深入探讨Backbone.Ribs之前,让我们先回顾一下Backbone的基础知识。 Backbone.js 提供了模型(Model)、视图(View)、集合(Collection)和路由器(Router)这四个核心概念,帮助开发者管理状态和交互。模型是...

    typescript例子-Backbone.js MVC

    2. **Backbone.js组件**:学习Backbone中的Model(模型)用于存储和操作数据,View(视图)负责用户界面的呈现和事件处理,Collection(集合)管理一组Model,以及Router(路由)处理应用的导航。 3. **TypeScript...

    Part 2: Understanding the basics of Backbone Models

    在IT行业中,Backbone.js是一个非常重要的JavaScript库,它为构建复杂的Web应用程序提供了一种结构化的方法。在本文中,我们将深入理解Backbone Models的基本...学习并掌握这些基础知识对于提升Web开发技能至关重要。

    Node应用程序构建 使用MongoDB和Backbone源码

    通过深入研究这个项目中的源码,你可以获得构建全栈Web应用的实际经验,提升对Node.js、MongoDB和Backbone.js的掌握,为未来开发更多复杂项目奠定坚实基础。同时,这个过程也会加深你对Web开发流程的理解,包括数据...

    backbone-projectbase:骨干项目的简单项目库

    在这个名为"backbone-projectbase"的项目库中,我们可以看到开发者如何利用Backbone.js的基础知识来构建一个简单的项目。 **1. MVC模式的理解与应用** 在Backbone.js中,MVC模式被用于组织代码。Model负责数据的...

Global site tag (gtag.js) - Google Analytics