Javascript 使用backbone.js的菜单项中的通知计数

Javascript 使用backbone.js的菜单项中的通知计数,javascript,backbone.js,Javascript,Backbone.js,我们使用主干网作为客户端MVC,我们需要实现一个菜单视图。 它是一个基本的水平,带有作为单个菜单项。 我们需要的功能是它应该是动态的,就像我们有一个项目链接,并且添加了一个新的项目,它应该显示在链接上方的红色通知圈中 是否应该是一个集合视图,用于维护单个。又是模型/集合的视图。(对于项目而言,它将是项目集合,因此它可以在通知中显示计数) 当项目添加到项目集合中时,我不确定如何更新计数和刷新菜单 打开查看其他建议和备选方案。在视图的initialize方法中,您需要绑定到集合的reset、add和

我们使用主干网作为客户端MVC,我们需要实现一个菜单视图。 它是一个基本的水平
    ,带有
  • 作为单个菜单项。 我们需要的功能是它应该是动态的,就像我们有一个
    项目
    链接,并且添加了一个新的
    项目
    ,它应该显示在链接上方的红色通知圈中

    是否应该是一个集合视图,用于维护单个
  • 又是模型/集合的视图。(对于
    项目
    而言,它将是
    项目集合
    ,因此它可以在通知中显示计数)

    项目
    添加到
    项目
    集合中时,我不确定如何更新计数和刷新菜单


    打开查看其他建议和备选方案。

    在视图的initialize方法中,您需要绑定到集合的reset、add和remove事件以调用render方法,如下所示

    App.Views.MyView = Backbone.View.extend({
        initialize: function() {
            this.collection.bind('reset', this.render, this);
            this.collection.bind('add', this.render, this);
            this.collection.bind('remove', this.render, this);
        }
    
    然后在渲染方法中使用this.collection.length更新视图