zoukankan      html  css  js  c++  java
  • Backbone之旅——Collection and View篇

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

  • 相关阅读:
    Vim的行号、语法显示等设置,即.vimrc文件的配置
    Vim 配置详解
    经典SQL语句大全
    几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比
    GHOST XP SP3无法安装IIS服务的解决方法
    开发中巧用Enum枚举类型
    代码的坏味道
    C#转义字符
    Dijit、ExtJS、jQuery UI 异同浅析
    未雨绸缪 Plan to Throw One Away
  • 原文地址:https://www.cnblogs.com/ajun/p/4679012.html
Copyright © 2011-2022 走看看