How to redraw a view in MarionetteJS?

Question

JavaScript

Guys, tell me how to redraw the view when added to the collection

define([
  'marionettejs',
  'text!templates/tables/reports/reports-list.hbs',
  'collections/tables/reports-list',
  'db/reports-list'
  ], 
function (MarionetteJS, ReportsListTPL, ReportsListCollection, ReportsListDB) {
  'use strict';
  return Backbone.Marionette.ItemView.extend({
    template: _.template(ReportsListTPL),
    collection: new ReportsListCollection(ReportsListDB),
    tagName: 'ul',
    initialize: function () {
      this.collection.on('add', this.render)
    }
  });
})

Adding to the collection like this

App.reportsListView.collection.add({name: nameInput, id: data.id});

Answer 1

ItemViewdoes not know how to keep track of the addition of elements to the collection. For such a case, it is better to use CollectionViewor CompositeView.