11

我的问题与emberjs的问题#1183和#1268有关。

我在路线上有动态元素。如果我通过应用程序导航，一切都很好。问题是当我重新加载页面或键入 url 时。在这种情况下，应用程序进入反序列化函数并通过其 id 加载和对象，但此加载是异步的。

在 issue #1268 lukemelia 说“你需要让你的反序列化方法的结果实现承诺模式”。

我尝试过，但总是松散的上下文。我的代码类似于：

page: Ember.Route.extend
route: '/:alias'
deserialize: (router, params) -> page=App.Page.find(params.alias)
$.when( page.get("isLoaded") ).done( () -> console.debug(page.get("alias")) return page)
loading: Em.State.extend

路由器进入加载状态，但随后返回没有上下文数据。我想我做错了什么。可能一切都错了。

有谁能够帮我？有没有例子？

谢谢！

解决：

page: Ember.Route.extend
    route: '/:id'
    deserialize: (router, params) ->
        page=App.Page.find(params.id})
        deferred = $.Deferred()
        page.addObserver("isLoaded", -> deferred.resolve(page))
        return deferred.promise()
    serialize: (router, page) ->
        return {id: page.get("id") }
    connectOutlets: (router, page) ->
        router.get('applicationController').connectOutlet
            context: page
            name: "page"
loading: Em.State.extend
    connectOutlets: (router, context) ->
        router.get('applicationController').connectOutlet(context: context, name: "loading")

页面正在加载时，活动状态正在加载，当页面加载完成时，路由器会自动加载页面状态。

我希望这可以帮助某人

4

1 回答 1

5

@leroj7 你已经找到了一个可行的解决方案。谢谢分享。我创建了一个 mixin，将其添加到需要具有此行为的模型中：

Editor.ModelPromise = {
  init: function() {
    this._super();
    this._deferred = $.Deferred();
    this._deferred.promise(this);
    this.one('didLoad', this, '_resolveModelPromise');
    this.one('becameError', this, '_rejectModelPromise');
  },
  _resolveModelPromise: function() {
    this._deferred.resolve(this);
  },
  _rejectModelPromise: function() {
     this._deferred.reject(this);
  }
};

也可在https://gist.github.com/1b54f0956ba10195a3bc

像这样的方法最终将被纳入 ember-data，尽管它很可能不依赖 jQuery，因为 ember-data 目前不依赖于 jQuery。

于 2012-09-10T00:43:15.370 回答