backbone.js - Marionette.js : CompositeView: getItemView always returns 'undefined' on initialize

我有一个 CompositeView 和 ItemViews 如下(我的 View 的简化版本):

testView1 = Backbone.Marionette.ItemView.extend({
    template: '#test-view-1'
}
testView2 = Backbone.Marionette.ItemView.extend({
    template: '#test-view-2'
}

TestView = Backbone.Marionette.CompositeView.extend({
    template: '#test-template',
    itemViewContainer:'tbody',
    itemView: testView1,
    getItemView: function(item){
        console.log('item');        //<==== FIRED 101 TIMES
        if (!item) {                //<==== WHY DO I NEED THIS
            return testView1;       //<==== WHY DO I NEED THIS
        } else {
            return ('testView' + item.id);
        }
    }
});

问题是，当 CompositeView 初始化时，它在将 getItemView 传递给它之前运行 item 代码，从而产生错误。如果没有我添加的 if 条件， View 就会中断。

传递到复合 View 中的我的集合包含 100 个模型，console.log('item'); 被触发 101 次，第一次总是“未定义”，其余 100 次是预期的 100 个模型。

我的问题是，为什么我每次都需要检查 item 是否存在，我可以做些什么来避免需要此检查？

最佳答案

我在我的代码中尝试使用您的自定义 getItemView 函数，我得到了相同的行为。

跟踪调用似乎 getItemView 在 CompositeView 的构造函数中被调用一次以将您传递给 CompositeView 的对象的 itemView 分配给:this.itemView = this.getItemView();
因此，我认为您在返回正确的 itemView 实例之前通过检查是否通过了一个项目来做到这一点。

关于backbone.js - Marionette.js : CompositeView: getItemView always returns 'undefined' on initialize，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15301555/