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

  • 相关阅读:
    开始Flask项目
    夜间模式的开启与关闭,父模板的制作
    从首页问答标题到问答详情页
    首页列表显示全部问答,完成问答详情页布局
    制作首页的显示列表
    发布功能完成
    登录之后更新导航
    完成登录功能,用session记住用户名
    完成注册功能
    通过用户模型,对数据库进行增删改查操作
  • 原文地址:https://www.cnblogs.com/ajun/p/4679012.html
Copyright © 2011-2022 走看看