×

EmberJS 教程

EmberJS 概述EmberJS 环境配置EmberJS 应用EmberJS 对象模型EmberJS 模板EmberJS 路由器EmberJS 组件EmberJS 模型EmberJS 视图EmberJS 控制器EmberJS 测试EmberJS 指定查询参数

Ember 对象模型

Ember 类的定义 初始化 继承Ember 类的扩展Ember 计算属性Ember 观察者Ember 数据绑定Ember 枚举Ember 第一章对象模型小结

Ember handlebars模板

Ember handlebars基础Ember handlebars条件表达式Ember handlebars遍历标签Ember handlebars显示对象键Ember handlebars属性绑定Ember {{link-to}} 助手Ember 路由 模板执行渲染顺序Ember {{action}} 助手Ember 表单元素Ember 调试助手Ember 工具类的助手Ember 第二章模板小结

Ember 路由

Ember 路由定义Ember 指定与路由关联的模型Ember 模板渲染Ember 路由重定向Ember 路由终止挑战和激活Ember loading error子路由Ember 查询参数Ember 异步路由

Ember 组件

Ember 组件定义Ember 属性传递Ember 包裹内容自定义包裹组件的HTML标签Ember 处理事件Ember action触发变化

Ember 控制器

Ember 控制器Ember 管理控制器的依赖关系

Ember 模型

Ember model简介Ember 定义模型Ember 记录查询Ember 新建、更新、删除记录Ember 设置记录到StoreEmber model的关联关系处理Ember 元数据Ember 自定义适配器Ember 自定义序列号器

Ember 测试

Ember 测试简介Ember 验收测试Ember 单元测试

Ember model的关联关系处理


在前面Ember.js 入门指南之三十八定义模型中介绍过模型之前的关系。主要包括一对一、一对多、多对多关系。但是还没介绍两个有关联关系模型的更新、删除等操作。

为了测试新建两个模型类。

ember g model post
ember g model comment

1,创建关系记录

//  app/models/post.js

import DS from 'ember-data';

export default DS.Model.extend({
  comments: DS.hasMany('comment')
});

//  app/model/comment.js

import DS from 'ember-data';

export default DS.Model.extend({
    post: DS.belongsTo('post')
});

设置关联,关系的维护放在多的一方comment上。

let post = this.store.peekRecord('post', 1);
let comment = this.store.createRecord('comment', {
  post: post
});
comment.save();

保存之后post会自动关联到comment上(保存postid属性值到post属性上)。

当然啦,你可以在从post上设置关联关系。比如下面的代码:

let post = this.store.peekRecord('post', 1);
let comment = this.store.createRecord('comment', {
    //  设置属性值
});
//  手动吧对象设置到post数组中。(post是多的一方,comments属性应该是保存关系的数组)
post.get('comments').pushObject(comment);
comment.save();

如果你学过Java里的hibernate框架我相信你很容易就能理解这段代码。你可以想象,post是一的一方,如果它要维护关系是不是要把与其关联的commentid保存到comments属性(数组)上,因为一个post可以关联多个comment,所以comments属性应该是一个数组。

2,更新已经存在的记录

更新关联关系与创建关联关系几乎是一样的。也是首先获取需要关联的模型在设置它们的关联关系。

let post = this.store.peekRecord('post', 100);
let comment = this.store.peekRecord('comment', 1);
comment.set('psot', post);  //  重新设置comment与post的关系
comment.save();  //  保存关联的关系

假设原来comment关联的postid1的数据,现在重新更新为comment关联id100post数据。

如果是从post方更新,那么你可以像下面的代码这样:

let post = this.store.peekRecord('post', 100);
let comment this.store.peekRecord('comment', 1);
post.get('comments').pushObject(comment);  // 设置关联
post.save();  //  保存关联

3,删除关联关系

既然有新增关系自然也会有删除关联关系。 如果要移除两个模型的关联关系,只需要把关联的属性值设置为null就可以了。

let comment = this.store.peekRecord('comment', 1);
comment.set('post', null);  //解除关联关系
comment.save();

当然你也可以从一的一方移除关联关系。

let post = this.store.peekRecord('post', 1);
let comment = this.store.peekRecord('comment', 1);
post.get('comments').removeObject(comment);  // 从关联数组中移除comment
post.save();

从一的一方维护关系其实就是在维护关联的数组元素。

只要Store改变了Handlebars模板就会自动更新页面显示的数据,并且在适当的时期Ember Data会自动更新到服务器上。

有关于模型之间关系的维护就介绍到这里,它们之间关系的维护只有两种方式,一种是用一的一方维护,另一种是用多的一方维护,相比来说,从一的一方维护更简单。但是如果你需要一次性更新多个纪录的关联时使用第二种方式更加合适(都是针对数组操作)。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)