Backbone/Javascript 检查：无法从集合中获取模型

发布于 2024-12-22 07:40:25 字数 1006 浏览 0 评论 0原文

刚刚开始骨干和我对如何从集合中检索模型有点困惑。为了给出解释，我有以下路由器方法：

index: (date) ->
  @days = new Demomanager.Collections.DaysCollection(@options)
  @days.reset @options.days
  @days.fetch()
  @view = new Demomanager.Views.Days.IndexView(days: @days)
  $("#calendar").html(@view.render().el)

它传递到以下视图：

class Demomanager.Views.Days.IndexView extends Backbone.View
  template: JST["backbone/templates/days/index"]

  initialize: (options) ->
    _.bindAll(this, 'addOne', 'addAll', 'render')
    @options.days.bind('reset', @addAll)
    console.log @options.days

当我在 Chrome 检查器中检查视图 (@options.days) 中的最后一行时，它会返回 DaysCollection，其中包含“模型”数组包含 36 个条目（符合预期）。

但是，当我更改

console.log @options.days

为时

console.log @options.days.models

，我得到一个空数组，而不是具有 36 个模型的数组。

最后，如果我通过控制台本身 (window.router.days.models) 访问同一对象，它会按预期显示 36 个模型。

简而言之：发生了什么事，以及如何从视图中访问这些模型？

非常感谢...

原文

Just starting out with backbone & I'm a little confused with how to retrieve models from a collection. To give an explanation, I have the following router method:

index: (date) ->
  @days = new Demomanager.Collections.DaysCollection(@options)
  @days.reset @options.days
  @days.fetch()
  @view = new Demomanager.Views.Days.IndexView(days: @days)
  $("#calendar").html(@view.render().el)

which passes to the following view:

class Demomanager.Views.Days.IndexView extends Backbone.View
  template: JST["backbone/templates/days/index"]

  initialize: (options) ->
    _.bindAll(this, 'addOne', 'addAll', 'render')
    @options.days.bind('reset', @addAll)
    console.log @options.days

When I inspect that last line in the view (@options.days) in Chrome inspector, it comes back with DaysCollection, which includes a 'models' array complete with 36 entries (which is as expected).

However, when I change

console.log @options.days

console.log @options.days.models

I get an empty array, instead of the array with 36 models.

Finally, if I access the same object through the console itself (window.router.days.models), it shows the 36 models as expected.

So, in short: what's going on, and how can I access those models from within the view?

Many thanks...

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

狼性发作 2024-12-29 07:40:25

也许是因为您进行了异步调用。因此，当您在视图的构造函数中记录 options.days 时，数据尚未加载。最好在 days.fetch 的成功回调中创建视图。通过这种方式，您还可以在加载失败时启动不同的视图。

回复收藏 0 原文

伊面 2024-12-29 07:40:25

您想将提取移动到您的视图：

var IndexView = Backbone.View.extend({
    collection: new Demomanager.Collections.DaysCollection(options),
    template: myTemplate,

    initialize: function() {
        $("#calendar").html(_.template(myTemplate, {}));

        this.collection.fetch();
        this.collection.reset(null, options.days); // don't know how coffeescript works, but first arg here is models set not the options object

        this.collection.bind("add", this.addOne, this);
    },


    addAll: function() {
        this.collection.each(this.addOne, this);
    },
    addOne: function(model) {
        $(this.el).append(new ChildView({model: model}));
    }

});

You want to move your fetch to your view:

var IndexView = Backbone.View.extend({
    collection: new Demomanager.Collections.DaysCollection(options),
    template: myTemplate,

    initialize: function() {
        $("#calendar").html(_.template(myTemplate, {}));

        this.collection.fetch();
        this.collection.reset(null, options.days); // don't know how coffeescript works, but first arg here is models set not the options object

        this.collection.bind("add", this.addOne, this);
    },


    addAll: function() {
        this.collection.each(this.addOne, this);
    },
    addOne: function(model) {
        $(this.el).append(new ChildView({model: model}));
    }

});

回复收藏 0 原文

~没有更多了~