码迷,mamicode.com
首页 > 其他好文 > 详细

Backbone之旅——Collection and View篇

时间:2015-07-27 00:14:32      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

上篇文章说了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当中的模板中即可,基本逻辑就这样了,这是本人理解

Backbone之旅——Collection and View篇

标签:

原文地址:http://www.cnblogs.com/ajun/p/4679012.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!