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

Question

我有如下的 compositeView 和 ItemView(我的 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 初始化时，它会在将 item 传递给它之前运行 getItemView 代码，从而产生错误。如果没有我添加的 if 条件， View 就会中断。

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

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

Answer 1

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

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

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