backbone学习第二天
来源:互联网 发布:mac能玩游戏 编辑:程序博客网 时间:2024/04/28 20:26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>the5fire.com-backbone.js-Hello World</title>
</head><body>
<script src="http://the5fireblog.b0.upaiyun.com/staticfile/jquery-1.10.2.js"></script>
<script src="http://the5fireblog.b0.upaiyun.com/staticfile/underscore.js"></script>
<script src="http://the5fireblog.b0.upaiyun.com/staticfile/backbone.js"></script>
<script>
(function ($) {
World = Backbone.Model.extend({
//创建一个 World 的对象,拥有 name 属性
name: null
});
Worlds = Backbone.Collection.extend({
//World 对象的集合
initialize: function (models, options) {
this.bind("add", options.view.addOneWorld);//bind函数在事件触发时引发addOneWorld
}
});
AppView = Backbone.View.extend({
el: $("body"),
initialize: function () {//构造函数,实例化一个 World 集合类,并且以字典方式传入 AppView的对象
this.worlds = new Worlds(null, { view : this })
},events: {
"click #check": "checkIn", //事件绑定,绑定 Dom 中 id 为 check的元素
},
checkIn: function () {
var world_name = prompt("请问,您是哪星人?");
if(world_name == "") world_name = '未知';
var world = new World({ name: world_name });
this.worlds.add(world);
},
addOneWorld: function(model) {
$("#world-list").append("<li>这里是来自 <b>" + model.get('name')+ "</b> 星球的问候:hello world!</li>");
}
});//实例化 AppView
var appview = new AppView;
})(jQuery);
</script>
<button id="check" class="" >确定</button>
<span id="world-list"></span>
</body>
</html>
一段使用model view collection的代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>the5fire.com-backbone.js-Hello World</title>
</head><body>
<script src="http://the5fireblog.b0.upaiyun.com/staticfile/jquery-1.10.2.js"></script>
<script src="http://the5fireblog.b0.upaiyun.com/staticfile/underscore.js"></script>
<script src="http://the5fireblog.b0.upaiyun.com/staticfile/backbone.js"></script>
<script>
(function ($) {
World = Backbone.Model.extend({
//创建一个 World 的对象,拥有 name 属性
name: null
});
Worlds = Backbone.Collection.extend({
//World 对象的集合
initialize: function (models, options) {
this.bind("add", options.view.addOneWorld);//bind函数在事件触发时引发addOneWorld
}
});
AppView = Backbone.View.extend({
el: $("body"),
initialize: function () {//构造函数,实例化一个 World 集合类,并且以字典方式传入 AppView的对象
this.worlds = new Worlds(null, { view : this })
},events: {
"click #check": "checkIn", //事件绑定,绑定 Dom 中 id 为 check的元素
},
checkIn: function () {
var world_name = prompt("请问,您是哪星人?");
if(world_name == "") world_name = '未知';
var world = new World({ name: world_name });
this.worlds.add(world);
},
addOneWorld: function(model) {
$("#world-list").append("<li>这里是来自 <b>" + model.get('name')+ "</b> 星球的问候:hello world!</li>");
}
});//实例化 AppView
var appview = new AppView;
})(jQuery);
</script>
<button id="check" class="" >确定</button>
<span id="world-list"></span>
</body>
</html>
一段使用model view collection的代码
0 0
- backbone学习第二天
- Backbone学习
- 学习 Backbone
- backbone 学习
- backbone.js 学习笔记
- 开始学习 Backbone
- BackBone 学习 (一)
- Backbone.js学习
- Backbone学习笔记
- Backbone.js学习笔记
- 开始学习 Backbone
- BackBone学习摘要之一
- BackBone 学习笔记 01
- backbone学习进阶—
- backbone学习进阶二
- 开始学习 Backbone
- javascript Backbone框架学习
- Backbone 学习笔记
- C++变量的引用
- JAVA正则表达式
- LCS/最长公共子序列算法分析
- Django中的Model继承
- Windows Job简介
- backbone学习第二天
- JAVA中的多维数组
- Ubuntu 14.04 LTS中怎样快速显示桌面
- Linux系统之工具篇(一)DRBD 单双主模式区别详解,Centos6.5(64bit)与nfs文件系统使用结合测试
- 嵌和游戏基地SDK遇到的问题,.so文件被自动删除
- java中使用MD5进行加密
- C语言阶段性总结
- MAC OS X10.9.5下成功驱动独立显卡"影驰Nvidia GeForce GTX 760大将(4GB)--非公版"
- win32 & mfc 调用console优化调试