发布于 2016-08-21 14:39:03 | 41 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Backbone.JS教程,程序狗速度看过来!

Backbone.js JavaScript的MVC 应用框架

Backbone 为复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESTful JSON接口连接到应用程序。


Backbone中的View就是用来展示由Model层传出的数据,或者在View里产生的一些数据,本文给大家介绍Backbone中View之间传值的解决方法,感兴趣的朋友一起看下吧

Backbone中的View就是用来展示由Model层传出的数据,或者在View里产生的一些数据,包括输入框中输入等产生的数据,由当前View传递到另外一个View层里,应该怎么办呢,我之前读到一位博主《Backbone View的三种通信方式 》写的尤为的清晰,在我实际的项目中,常常使用的也就是最后一种方式。

  嘿嘿,分享知识是一件快乐的事情,我就直接借鉴表述一下如下:

  直接用 Backbone 作为事件注册机,

  代码如下:


var ApplicationView = Backbone.View.extend({
initialize : function(){
this.documentView = new DocumentView();
this.sidebarView = new SidebarView();
},
});
var DocumentView = Backbone.View.extend({
onEdit : function(){
Backbone.trigger('documentEdit');
}
});
var SidebarView = Backbone.View.extend({
initialize : function(options){
Backbone.on('documentEdit', this.onDocumentEdit, this);
},
onDocumentEdit : function(){
// react to document edit.
}
});

  使用Backbone 时间注册机方法,不仅仅能够实现同一个父级View下不同的子级View之间的信息传递,并且还能够实现不同父级View下各个子级View的信息传递,我当时刚接触的时候感觉这个方法特别的好使,但是后来又出现了两个我有点困惑的地方,我也一并分享下。

  第一个就是当我们由父级View向子级View传递信息或者数据的情况,用事件注册应该也是可以的,但是在项目中,我采用的是在初始化视图的时候,将父级View中的要传递的信息分配个子View,这样视图render出之后,就已经有了父级View给予它的数据。就如这样:

    this.receive是由父级View已经包装好的,在初始化子View时候就把this.receive下发就好了。

  第二种情况就是同一个子级View之间的传递,这种情况可能大家都懂的,我还是解释一下吧,就是在一个子级View里面定义一个针对这一个View的全局变量,然后通过this引用这个变量就Ok。

以上所述是小编给大家介绍的Backbone中View之间传值的学习心得,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对phperz网站的支持!



相关阅读 :
Backbone中View之间传值的学习心得
Backbone View 之间通信的三种方式
Backbone.js框架中简单的View视图编写学习笔记
实例讲解JavaScript的Backbone.js框架中的View视图
Backbone.js框架中Model与Collection的使用实例
JavaScript的Backbone.js框架入门学习指引
全面解析JavaScript的Backbone.js框架中的Router路由
详解Backbone.js框架中的模型Model与其集合collection
Backbone.View.extend()方法
Backbone.View(视图)
JavaScript的Backbone.js框架环境搭建及Hellow world示例
JavaScript的Backbone.js框架的一些使用建议整理
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务