Backbone 结构

Backbone structure

Backbone.Events 触发事件的接口,继之后,类有绑定和触发事件的能力。

Backbone.Model   继续于Backbone.Events, 代表一个数据对象

Backbone.Collection 对应多个同类的Model

Backbone.View       一个View 对应HTML页面的element

Backbone.Router   Backbone.Events   根据URL中的锚点,跳转页面,router:page事件,

Backbone.sync   向服务器交流时要调用的函数  Model save,  destroy   Collection fetch会调用 它

 

Backbone.Events使得类拥有事件处理能力,     Router处理url跳转,model 多个组成collection

 

 

例子学习:

Todos        http://documentcloud.github.com/backbone/examples/todos/index.html   实例

代码   http://documentcloud.github.com/backbone/docs/todos.html 

模块   AppView   ItemView  Todos    Todo

关键流程

AppView 绑定控件的触发事件。      

addOne 方法    添加一个model时的方法  添加一个itemView

Reset   AppView.addAll,  重置所有model时触发addAll方法

All->AppView.render 任何一个事件都会触发render方法 

执行Todos 的fetch方法,从持久层获取所有的Todo 

TodoView    点击radio 标记Todo为已完成,保存到持久层,双击item,修改后,保存到持久层。、

TodoItem   remove方法

 

模块化开发更好,


posted @ 2012-02-18 20:18  顺武  阅读(611)  评论(0编辑  收藏  举报