javascript - How to override CompositeView render method?

Question

I need to render only first element of fetched collection.

ItemView = Backbone.Marionette.ItemView.extend({
    template:  "#item"
});

ItemsEmptyView = Backbone.Marionette.ItemView.extend({
    template: "#items_empty"
});

ItemsView = Backbone.Marionette.CompositeView.extend({
    template: "#items",
    itemView: ItemView,
    emptyView: ItemEmptyView
});

How can I accomplish that? I've tried to override render() method, or onBeforeRender() nothing helps.

Answer 1

If you really need to do this, use appendHtml().

appendHtml: function(collectionView, itemView, index){
    if ( index === 0 )
        collectionView.$el.append(itemView.el);
}

https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.compositeview.md#compositeviews-appendhtml

Answer 2

最简单的方法是创建一个仅包含第一个模型的新集合实例，并将其传递给复合视图。当然，这是假设您不能简单地使用项目视图。