Question

我有一个compositeView和ItemViews如下（我的观点的简化版本）：

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代码，从而产生错误。如果没有我添加的console.log('item');条件，则视图会中断。

传递到复合视图的我的集合包含100个模型，item被触发101次，第一次总是“未定义”，剩下的100次是预期的100个模型。 / p>

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

Answer 1

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

跟踪调用似乎getItemView在CompositeView的构造函数中被调用一次，以分配传递给CompositeView对象的itemView：this.itemView = this.getItemView();

所以我认为你是通过在返回正确的itemView实例之前检查是否传递了一个项目来做的。

Marionette.js：CompositeView：getItemView始终在初始化时返回'undefined'

1 个答案: