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方法
模块化开发更好,