Ember CLI：在商店中推送自定義記錄

Question

所以我有這樣的要求，當我去whitelist路線時，我從API獲取白名單用戶列表。我的模型和序列化是這樣的：

型號/ whitelist.js

import BaseUser from './base-user'; 
var Whitelist = BaseUser.extend({}); 
export default Whitelist; 

型號/基user.js的

import Ember from 'ember'; 
import DS from 'ember-data'; 

var attr = DS.attr; 

export default DS.Model.extend({ 
    name: attr(), 
    username: attr(), 
    description: attr(), 
    profilePicture: attr(), 
    followersCount: attr(), 
    followsCount: attr(), 
    postCount: attr(), 
    verified: attr(), 
    following: attr('boolean'), 
    whitelisted: attr('boolean'), 
    blacklisted: attr('boolean'), 
    unfollow: followUnfollow, 
    follow: followUnfollow, 
    whitelist: whitelist, 
    unwhitelist: unWhitelist, 
    blacklist: blacklist, 
    unblacklist: unBlacklist, 
    reply: reply, 
    getLists: getLists, 
    createdAt: attr() 
}); 

串行器/ base.js

import DS from 'ember-data'; 

var serializeCollection = function(store, type, payload, id, requestType) { 
    payload.records = payload.records ? payload.records : []; 
    var users = payload.records.map(function(record) { 
    record = record.user ? record.user : record; 
    var user = { 
     id: record.id, 
     name: record.name || record.fullName, 
     username: record.screenName || record.username, 
     description: record.description || record.bio, 
     profilePicture: record.profileImageURLHttps || record.profilePicture, 
     followersCount: record.followersCount, 
     followsCount: record.friendsCount || record.followsCount, 
     postCount: record.statusesCount || 0, 
     verified: record.verified || false, 
     createdAt: record.createdAt || false 
    }; 
    return user; 
    }); 
    return users; 
}; 

export default DS.RESTSerializer.extend({ 
    extractFindAll: serializeCollection, 
    extractFindQuery: serializeCollection 
}); 

serializers/whitelist.js

import Ember from 'ember'; 
import Base from './base'; 


var serializeCollection = function(store, type, payload, id, requestType) { 
    /* Here payload is of the form: 
    * { 
    * cursor: null, 
    * records: [{ 
    *  user: {} 
    *  friendship: {} 
    * }] 
    * } 
    */ 
    var data = this._super(store, type, payload, id, requestType); 
    return data.map(function(item) { 
    return Ember.$.extend(item, { 
     following: true, 
     whitelisted: true, 
     blacklisted: false 
    }); 
    }); 
}; 

export default Base.extend({ 
    extractFindAll: serializeCollection, 
    extractFindQuery: serializeCollection 
}); 

現在基於一些動作，我在控制器中獲取一個新的記錄是這樣的：

actions: { 
    addToWhitelist: function() { 
    var _this = this; 
    Ember.$.get(url).then(function(data) { 
     /* 
     *The data here is in this form 
     * { 
     * frienship: {}, 
     * user: {} 
     * } 
     */ 

     //What should I do here so that my serializers get called? 

    }); 
    return false; 
    } 
} 

我應該怎麼做，這樣我可以把記錄到我已經填充店，使得串行會被稱爲，首先whitelist序列化程序，然後從它內部，application序列化程序？

Answer 1

您不應該使用Ember.$.get受益於ember-data。您可能需要按以下方式創建記錄：

actions: { 
    addToWhitelist: function() { 
    var record = this.store.createRecord('whitelist', { /* your record */ }); 
    record.save().then(function() { 
     // here's after the POST/PUT requests were done 
    }); 
    } 
} 

這對您有幫助嗎？

Answer 2

雖然ED和我都會建議你使用REST API。但有時候你可能無法控制你的API。

Ember.Store.pushPayload是你在找什麼。此方法接受正確格式的原始JSON數據並將其推送到本地商店模型。

爲你工作示例可能看起來像

actions: { 
    addToWhitelist: function() { 
    var self = this; 
    Ember.$.get(url).then(function(data) { 
     self.store.pushPayload(data); 
    }); 
    return false; 
    } 
}