Backbone中View之间传值的学习心得


Posted in Javascript onAugust 09, 2016

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

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

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

Backbone中View之间传值的学习心得

代码如下:

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给予它的数据。就如这样:

Backbone中View之间传值的学习心得

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

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

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

Javascript 相关文章推荐
javascript打印输出json实例
Nov 11 Javascript
分享网页检测摇一摇实例代码
Jan 14 Javascript
jQuery属性选择器用法示例
Sep 09 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
react-native fetch的具体使用方法
Nov 01 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
angular4+百分比进度显示插件用法示例
May 05 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 Javascript
JavaScript接口实现方法实例分析
May 16 Javascript
全面了解函数声明与函数表达式、变量提升
Aug 09 #Javascript
jQuery 生成svg矢量二维码
Aug 09 #Javascript
浅谈JavaScript中变量和函数声明的提升
Aug 09 #Javascript
浅谈js基本数据类型和typeof
Aug 09 #Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 #Javascript
详解js实现线段交点的三种算法
Aug 09 #Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
Aug 09 #Javascript
You might like
PHP base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
laravel 4安装及入门图文教程
2014/10/29 PHP
php简单复制文件的方法
2016/05/09 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】
2018/12/08 PHP
Nigma vs Liquid BO3 第二场2.13
2021/03/10 DOTA
JavaScript中的Array对象使用说明
2011/01/17 Javascript
JavaScript高级程序设计 阅读笔记(十七) js事件
2012/08/14 Javascript
JavaScript拆分字符串时产生空字符的解决方案
2014/09/26 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
jQuery实现自动调用和触发某个事件的方法
2016/11/18 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
Vue3.0的优化总结
2020/10/16 Javascript
Python队列的定义与使用方法示例
2017/06/24 Python
Python中常用信号signal类型实例
2018/01/25 Python
Python爬虫定时计划任务的几种常见方法(推荐)
2021/01/15 Python
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
h5移动端调用支付宝、微信支付的实现
2020/06/08 HTML / CSS
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
高中军训感言800字
2014/03/05 职场文书
幼教求职信
2014/03/12 职场文书
奥巴马开学演讲稿
2014/05/15 职场文书
环保倡议书100字
2014/05/15 职场文书
模具专业自荐信
2014/05/29 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
升学宴来宾致辞
2015/07/27 职场文书
《夹竹桃》教学反思
2016/02/23 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers
15个值得收藏的JavaScript函数
2021/09/15 Javascript