Backbone Collection】的更多相关文章

如果将一个Model对象比喻成数据库中的一条记录,那么Collection就是一张数据表.它表示为一个模型集合类,用于存储和管理一系列相同类型的模型对象. 1.创建集合集合用于组织和管理多个模型,但它并不是必须的,如果你的某个模型对象是唯一的(单例),那么你没必要将它放到集合中. 我们来看一个创建集合的例子: // 定义模型类 var Book = Backbone.Model.extend({ defaults: { name: '' } }); // 定义集合类 var BookList =…
首先我想说的是这篇文章的题目起的很怪,因为我不知道起个什么名字比较好.渲染列表是我们应用中最常见的操作了吧,在运用Backbone的应用中,我们一般会把列表作为一个Collcetion,然后指定一个View去显示这个Collection,很方便.但当你需要对一个集合进行过滤操作,只显示Collection中符合条件的那部分呢? 渲染一个内存中存在的Collection毫无疑问很简单,因为Backbone提供了一些操作的方法.但是当对一个Collection进行过滤操作之后,渲染过滤之后的结果你就…
Backbone.Collection backbone的Collection(集合),用来存储多个model,并且可以多这些model进行数组一样的操作,比如添加,修改,删除,排序,插入,根据索引取值,等等,数组有的方法,他基本上都有 源码注释 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content=…
一切由一个例子引发: var Man=Backbone.Model.extend({ initilize:function(){ this.bind('change:name',function(){ console.log('改名了'); }); }, validate:function(){ if(this.attributes.name=='jack'){ console.log('不同意'); } } }); var man=new Man(); man.set({'name':'jac…
http://yujianshenbing.iteye.com/blog/1748826 如果将一个Model对象比喻成数据库中的一条记录,那么Collection就是一张数据表.它表示为一个模型集合类,用于存储和管理一系列相同类型的模型对象. requirejs.config({ baseUrl: 'js/lib', paths:{ app: '../app' } }) // Start the main app logic. //requirejs===define===require源码:…
this.listenTo(this.collection, 'add', this.renderBook); renderBook: function (item) { var bookView = new app.BookView({ model: item }); this.$el.append(bookView.render().el); } 当我们给collection添加一个model的时候,如果绑定了collection的add事件,那么该事件的回调函数会接收三个参数. 第一个参数…
Model和Collection和后台的WEB server进行数据同步非常方便, 都只需要在实行里面添加一url就可以了,backbone会在model进行save或者collection进行create时,自动将数据用POST或者PUT方式通过该url发送到后端.按照POST和PUT的含义,backbone采用的原则是: 如果model数据为一个全新的实例,则使用POST请求:如果model数据是一个已经存在的实例, 单需要修改实例属性,则采用PUT请求. 所以,问题的关键是,backbon…
Collection模块式是对分散在项目中model的收集,他可以存储所有的model,构成一个集合,并且通过自身的方法统一操作model.Collection模块包装着若干对象,对象本身不具有一些方法,而它可以应用集合自身方法进行管理.它自身定义了一些方法,同时继承依赖库的一些方法,使得它能够对自身存储的model进行统一操作管理.这篇文章将对collection进行分析,源码写在下面: //构造函数 e.Collection = function(a, b) { b || (b = {});…
backbone库的结构: http://www.cnblogs.com/nuysoft/archive/2012/03/19/2404274.html 本文所有例子来自于http://blog.csdn.net/eagle_110119/article/details/8842007 1.1  collection结构 var Collection = Backbone.Collection = function(models, options){} var setOptions = {add…
前言 昨天我们一起学习了backbone的model,我个人对backbone的熟悉程度提高了,但是也发现一个严重的问题!!! 我平时压根没有用到model这块的东西,事实上我只用到了view,所以昨天学习的效果其实不佳,比起上次对underscore的熟悉,对zepto的熟悉,甚至对fastclick的熟悉 学习效率打了折扣,而且一些地方不明不白,所以,我今天决定将速度放慢,我们学习collection时候先做小例子,争取覆盖关键点,然后再从源码学习,于是开始吧 [再探backbone 01]…