Question

我根据活动日期将集合拆分为集合。然后，我想将每个分组日期附加到html，以便视图将根据日期一起显示。但是，我已经附加了视图，但所有视图都相互叠加。它们实际上是彼此重叠的:(

这是我为一切渲染的collectionView。初始内容是我想要将所有dayViews追加到的div。

render: function(){
    var groupedModels = this.collection.groupBy(function(eventItems){
            return eventItems.get('date');
        }),
        view = new eventCollectionView({
            collection: this.collection
        });

    _.each(groupedModels, function(group) {
        var dayView = new dayCollectionView({collection: group});

        $("#initialContent").append(dayView.render().el);
        $("initialContent").append("<br>");
    });
}

这是我的日视图，虽然标签已经是div，但我添加了一个额外的内容以确定它是否有所作为，它没有。 eventView是一个手柄模板创建的isotope.js卡。（只是一张漂亮的html卡）

render: function(){
    var date = this.collection[0].get('date');

    this.$el.append("<h2>" + date + "</h2><div>");
    for (var i = 0; i < this.collection.length; i++) {
        var view = new eventView({model: this.collection[i]});

        this.$el.append(view.render().el);
    }
    this.$el.append("</div>");
    return this;
}

当我不将我的收藏品分成不同的日期系列时，它会非常好。但是，当我将它拆分成单独的集合并追加它们时，问题就开始出现了。这个崩溃的任何想法？

通常应该是

[]
[]
[]

但现在它就像

[]

谢谢！

Backbone：追加视图导致折叠视图？

0 个答案: