通过Backbone.Model.extend()的形式,创建一个Model,该Model可以作为一个构造函数用于创建更多的Model实例。
1 初始化方法:initialize
initialize: function(){}
2 默认值:defaults
defaults: {}
3 存取器:get/set/unset
model.get('key'); model.set('key', value); model.set({'key', value}, {silent: true}); model.unset('key')
4 attributes
model.attributes
5 事件监听--初始化时整个model监听change事件
initialize: function(){ this.on('change', function(){ } }
6 事件监听--监听model特定字段的change事件
initialize: function(){ this.on('change:title', function(){ } }
7 模型验证
validate: function(attrs) { //如果所有属性通过验证,不返回任何信息;如果有属性不通过验证,应返回相应的错误信息 }
默认情况下,两种方式会触发验证,一是调用模型的save()方法持久化数据时;二是调用set()方法且设置{validate: true}时。
当验证出错时,validate返回的错误信息会设置到模型的validationError属性上。
8 model克隆
newModel = oldModel.clone();
如果model直接赋值,新model的修改会影响原来model的值。而使用clone方法则不会出现这种情况。
9 判断model中是否含有某个属性
model.has('key');
10 移除model中的所有属性
model.clear();
11 转移model中属性的值
model.escape('key');
12 idAttribute设置model的ID
13 几个方法的区别
this.model 返回的是Backbone的对象,包含了Backbone的其他一些内置属性;
this.model.toJSON() 返回用户自定义的对象内容,JavaScript对象的形式;相当于this.model.attributes的内容;
JSON.stringify(this.model) 返回用户自定的对象内容,JSON String的形式。
相关推荐
发现Backbone中View和Model的直接通信在比较麻烦,少量还可以看出来,如果后期model和view频繁交换数据。那就需要一个托管两者事件的层来做这个工作。我这里命名为controller。 文章见web前端中的demo1.
但重点功能在于其提供了一套功能强大,使用简单的存、取、删、改数据方法,并在不同的操作里加了相应的监听事件, 如每次修改添加里都会触发 change,这在据模型变动来修改视图时很常用,并且与collection建立了关联...
骨干 使用Backbone.Model嵌套数组对象属性的最简单方法。主意与其他类似的库不同, Backbone.Linear不能与Backbone API对抗,也很难重写它们。 Backbone.Linear -小扩展,扩展只parse和sync的方法Backbone.Model例如...
SuperModel直接扩展Backbone.Model并覆盖几个Backbone.Model方法以添加对嵌套属性和许多其他功能的支持(即将推出!) 安装 使用 NPM npm install backbone.supermodel 使用凉亭 bower install backbone....
Backbone.js框架中Model与Collection的使用实例.docx
#Backbone 模型集合示例一个简单的示例应用程序,显示了 Backbone 模型和集合之间的关系。
arcface backbone模型文件
跳跃模型 Backbone.Model的轻量级替代方案,... 如果您已经在使用Backbone,但想要嵌套属性支持,则第二个选项很好。 相应的代码是基于 。 LeapModel带来了优于backbone-deep-model多个优势 获取deepClones属性以获得
它最初是为了在 Flux 架构中使用而创建的。 与 Backbone.model 的主要区别是: 不与数据库自动同步,从而将数据在本地创建/更新的方式与服务器如何完成分开; 没有内部事件系统; 用代替下划线实现; 完全不同...
Java 演示 backbone 基本用法 View Model Collection
If you want to build your site's frontend with the single-page application (SPA) model, this hands-on book shows you how to get the job done with Backbone.js. You'll learn how to create structured ...
Backbone.js框架中Model与Collection的用法实例_.docx
发现Backbone中View和Model的直接通信在比较麻烦,少量还可以看出来,如果后期model和view频繁交换数据。那就需要一个托管两者事件的层来做这个工作。我这里命名为controller。 文章见web前端中的demo1.
主干视图状态为了用于 Backbone.Views,ViewState 将数据/属性保存在 Backbone.View 中,而您不需要在 Backbone.Model 中。 ViewState 不是使用 View 本身来保存数据,而是您设置/获取所有属性的地方。 所有 ...
#Hello-React-Backbone**目的:**做Backbone和ReactJS的整合,该例子使用了Backbone的Model和ReactJS整合,可以认为是ReactJS替换掉了Backbone的View,这个是入门小例子 。**实现内容:**通过传递的json数据构建...
在页面/应用程序中包含Backbone及其依赖项。 包括distribution/deep-model.min.js 用法 然后,让您的模型从Backbone.DeepModel而不是Backbone.Model扩展。 示例代码: //Create models with nested attributes ...
If you want to build your site's frontend with the single-page application (SPA) model, this hands-on book shows you how to get the job done with Backbone.js. You'll learn how to create structured ...
今天我们先来谈谈Backbone.js MVC 中的 M , Model是backbone的核心部分,包含着页面展示内容的数据,还有围绕着数据操作的各种 转换,校验,计算 ,权限控制,服务端交互等等操作,你可以通过 Backbone.Model.extend...
关于backbone,最基础的一个东西就是model,这个东西就像是后端开发中的数据库映射那个model一样,也是数据对象的模型,并且应该是和后端的model有相同的属性(仅是需要通过前端来操作的属性)。 下面就从实例来一步...
详解Backbone.js框架中的模型Model与其集合collection_.docx