3

我有一个复合视图和 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在将 an 传递给它之前运行代码item,从而产生错误。如果没有if我添加的条件,视图就会中断。

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

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

4

1 回答 1

2

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

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

因此,我认为您在返回正确的 itemView 实例之前检查是否通过了项目是正确的。

于 2013-03-09T12:00:50.537 回答