通知计数在菜单项使用backbone.js

Notification count in menu item using backbone.js

本文关键字：backbone js 菜单项 通知      更新时间：2023-09-26

我们使用骨干作为我们的客户端MVC，我们需要实现一个菜单视图。它是一个基本的水平

    ，
  • 作为单独的菜单项。我们需要的功能是它应该是动态的，就像如果我们有一个Items链接，并且添加了一个新的Item，它应该在链接上显示红色通知圈。

    <ul>应该是一个集合视图，它维护了单个<li>。<li>是模型/集合的视图。(对于Items，它将是ItemCollection，因此它可以在通知中显示计数)。

    我不确定计数将如何更新和菜单刷新当一个Item被添加到Items集合。

    接受其他建议和替代方案

    • 在视图的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

    更新视图
    相关文章：