1

我为单页应用程序设置了 Marionette 和 Handlebars。我没有开始这个项目；它最初是由其他人开发的。

我设法找出其他文件中的内容，但我无法弄清楚这一点。

所以，我有models/order.coffee

Model = require './model'
Collection = require './collection'

module.exports = class OrderModel extends Model
  # This is the *real* orders model
  idAttribute: 'uid'
  defaults:
    title: 'some order'

module.exports = class Orders extends Collection
  model: OrderModel

  url: base_url+'history/'

  initialize: =>
    super
    @fetch()

  parse: (response) =>
    return response.objects

之所以parse存在，是因为后端如何返回数据。response.objects包含从中创建模型的 JSON 对象列表，即OrderModel实例\

接下来有views/SettingsOrderView.coffee

template = require './templates/settings/orders'

module.exports = class SettingsOrdersView extends Backbone.Marionette.ItemView
    template: template
    events: 'click #back_to_options': 'goToOptions'

    serializeData: =>
        data = @.collection
        setTimeout (-> console.log(data.models)), 5000
        $.each data.models, (m_index, m) =>
            console.log(m)

        return {items: @.collection}

我的问题是在我做的模板中{{#each items}}，但它们是 OrderModel 的实例，所以它们在 Handlebars 中没用。我需要将它们作为 JSON 对象，但由于某种原因（collection.fetch()实际上）没有填充@.collection.models到serializeData. 5 秒后（如 中所示setTimeout），这data.models是我需要的列表，但each没有执行，因为当时data.models是一个空列表。

如前所述，我需要对模型进行 JSON 化，但不可用。我怎样才能解决这个问题 ？

如果您需要其他数据，请发表评论，我会发布。

谢谢。

4

1 回答 1

1

对于呈现集合 Marionette 提供了一个 CollectionView：https ://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.collectionview.md

有关何时对多个项目使用 CollectionView 或 ItemView 的讨论，请参阅这篇出色的文章： http: //lostechies.com/derickbailey/2011/10/11/backbone-js-getting-the-model-for-a -点击元素/

要序列化模型，您可以在模型上调用 model.toJSON()。或者您可以简单地使用 get() 函数或通过在模型和/或集合上编写自己的 JSON 方法来获取单个属性。在这种情况下，您可以简单地在集合上调用该方法。

但我想你真正的问题是对 fetch() 的调用。如果我对您的理解正确，则在您尝试使用它们时，这些模型似乎已经丢失。Backbone 针对这种情况提供了一个成功回调。当数据准备好时，将调用此回调。

http://backbonejs.org/#Collection-fetch

现在，我自己从来没有使用过这个——使用 websockets 和 promises 而不是主干同步机制——但是看看这篇文章，这可能对你的情况有用：

http://lostechies.com/derickbailey/2012/02/03/get-a-model-from-a-backbone-collection-without-knowing-if-the-collection-is-loaded/

于 2013-07-30T11:32:25.783 回答