codecamp

Ember 设置记录到Store

EmberStore就像一个缓存池,用户提交的数据以及从服务器获取的数据会首先保存到Store。如果用户再次请求相同的数据会直接从Store中获取,而不是发送HTTP请求去服务器获取。

当数据发生变化,数据首先更新到Store中,Store会理解更新到其他页面。所以当你改变Store中的数据时,会立即反应出来,比如上一篇更新记录小结,当你修改article的数据时会立即反应到页面上。

1,push()方法

你可以调用push()方法一次性把多条数据保存到Store中。比如下面的代码:

//  app/routes/application.js


import Ember from 'ember';


export default Ember.Route.extend({
    model: function() {
        this.store.push({
            data: [
                {
                    id: 1,
                    type: 'album',
                    attributes: {   //  设置model属性值
                        title: 'Fewer Moving Parts',
                        artist: 'David Bazan'
                        songCount: 10
                    },
                    relationships: {}  //  设置两个model的关联关系
                },
                {
                    id: 2,
                    type: 'album',
                    attributes: {   //  设置model属性值
                        title: 'Calgary b/w I Can\'t Make You Love Me/Nick Of Time',
                        artist: 'Bon Iver',
                        songCount: 2
                    },  
                    relationships: {}  //  设置两个model的关联关系
                }
            ]
        });
    }
});

注意type属性值必须是模型的属性名字。attributes哈希里的属性值与模型里的属性对应。

本篇不是很重要,就简单提一提,如有兴趣请看Pushing Records Into The Store的详细介绍。


博文完整代码放在Github(博文经过多次修改,博文上的代码与github代码可能有出入,不过影响不大!),如果你觉得博文对你有点用,请在github项目上给我点个star吧。您的肯定对我来说是最大的动力!!

Ember 新建、更新、删除记录
Ember model的关联关系处理
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }