CompositeView和ItemView,如何处理两个视图和模板?

时间:2012-07-23 10:30:31

标签: javascript backbone.js marionette

我有以下CompositeView(1)。
我想知道对于每个MyCollection模型,最好的方法是渲染两个模板和视图,以便制作类似的东西(2)。


(1)

var MyCompositeView = Marionette.CompositeView.extend({

    template: myTemplate,

    itemView: myView,

    collection: new MyCollection(),

    initialize: function () {
        this.collection.fetch();
    },

    appendHtml: function (collectionView, itemView) {
        collectionView.$el.find('ul').append(itemView.el);
    }

});

(2)

    appendHtml: function (collectionView, itemView1, itemView2) {
        collectionView.$el.find('ul').append(itemView1.el);
        itemView.$el.append(itemView2.el);
    }

1 个答案:

答案 0 :(得分:2)

实现目标的另一种方法,结果应该相同,就是在onRender funciton中定义Marionette.ItemView

Marionette.ItemView中的代码应如下所示:

    onRender: function () {
        var itemView2 = new ItemView2();

        itemView2.render();
        this.$el.append(itemView2.$el);
    }