GeekPlux

GeekPlux

马上订阅 GeekPlux RSS 更新: https://geekplux.com/atom.xml

Backbone View 之间通信的三种方式

2015年7月5日 04:49

原文地址:https://geekplux.com/2015/07/04/communicating-between-views-in-backbone

掌握一个 MVC 框架,最关键的一节就是掌握如何在各个 View 之间通信。之前用 Angular 时,觉得基于事件的通信方式 ($on, $emit, $boardcast) 或者 基于 service 的方式都非常好用。转战 Backbone 之后,由于对 Backbone 的事件机制理解不够且使用非常灵活,一直没找到一个好的通信方式。直到看见这篇文章,作者通过一个简单的例子,层层深入,把 Backbone View 之间通信的三种方式讲的清晰明了。译文如下(已拿到授权):


我正在开发的这个网页主要有两部分,分别是 document 和 sidebar。

Backbone Application

如上图所示,我设立了三个视图 (view) :

ApplicationView - 作为最外层视图来包含下级视图 DocumentView - 展示正在编辑或浏览的内容 SidebarView - 展示一些和 document 相关的信息

DocumentViewSidebarView 作为 ApplicationView 的子视图,所以整体的视图结构如下图所示:

![Backbone View Structure](https://geekpluxblog.oss-cn-hongkong.aliyuncs.com/backbone/backbone-view-st...

Continue to read