Backbone之旅——Collection and View篇

时间:2025-02-14 18:36:25

上篇文章说了Model,这次说说Collection,collection就是model的集合,用来装载model对象的

定义方法

var Persons = new Backbone.Collection.extend({

model: person,

initialize:function(){}

});

上面就定义了一个简单的collection,关联的Model就是上篇文章定义的Person

collection一般是用来去集合数据的,所以会配置View一块使用,下面来定义一个View

var PersonView = new Backbone.View.extend({

  el: $("body"), //el可以同过set方法设置

initialize: function(){

this.persons = new Persons();

this.render();

},

render: function(){

var self = this;

self.persons.fetch({

url:"/getPersons",

success: function(collection, res, options){

//获取成功后装载数据模板,并输出到页面即可

},

error: function(collection, res, options){}

});

}

});

一个View定义完成,配合Collection从服务器获取数据集合,主要是render方法中的fetch的使用,此方法是Backbone.sync的一个get请求方法通过回调获取server的数据,最后加载到page当中的模板中即可,基本逻辑就这样了,这是本人理解