防止在集合“添加”后将 itemView 添加到 CompositeView

Question

我对 Backbone 和 Marionette 有疑问。我有一个 CompositeView 集合，人们可以在其中发表评论，这一切都很好，评论被添加并保存到服务器，但我不希望视图更新并显示新添加的评论。我试过这个：

App.Views.CommentsView = Backbone.Marionette.CompositeView.extend({
    template: '#article-comment-container',
    itemViewContainer: 'ul',
    itemView: App.Views.CommentView,
    collectionEvents: {
        "add": "modelAdded"
    },
    modelAdded: function(){
        console.log('Please do nothing!');
    }
});

但该项目仍然呈现在我的 modelAdded 函数顶部的页面中被调用。我可以在某个时候防止这种情况发生吗？

在不同的情况下，我希望将新项目添加到列表的顶部而不是底部。我是否必须重写整个 appendHtml 方法来实现这一点？

Answer 1

设置集合事件add 只是将另一个处理程序添加到该事件的队列中；它不会替换任何其他事件，因此仍会发生默认的木偶行为。

我假设您正在调用集合上的 create 方法来创建新的评论模型。如果是这种情况，您只需将silent 选项设置为true。现在add 事件不会触发，Marionette 也不会为该模型创建和渲染视图。你可以这样做：

commentCollection.create(commentModel, {silent: true});

至于你关于前置的第二个问题，是的，我会覆盖 appendHtml 方法。或者为了使方法名称与实际发生的情况保持一致，请创建一个名为 prependHtml 的方法，然后重写 renderItemView 方法以调用 prependHtml。