use Marionette's event hashes for Model and Collection events

refer to Marionette's documentation for more details https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.view.md#viewmodelevents-and-viewcollectionevents
passy · May 1, 2013 · dccfdac · dccfdac
1 parent 8ea9aef
commit dccfdac
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/labs/architecture-examples/backbone_marionette/js/TodoMVC.Layout.js b/labs/architecture-examples/backbone_marionette/js/TodoMVC.Layout.js
@@ -48,9 +48,12 @@ TodoMVC.module('Layout', function (Layout, App, Backbone) {
 			'click #clear-completed': 'onClearClick'
 		},
 
+		collectionEvents: {
+			'all': 'updateCount'
+		},
+
 		initialize: function () {
 			this.listenTo(App.vent, 'todoList:filter', this.updateFilterSelection, this);
-			this.listenTo(this.collection, 'all', this.updateCount, this);
 		},
 
 		onRender: function () {

diff --git a/labs/architecture-examples/backbone_marionette/js/TodoMVC.TodoList.Views.js b/labs/architecture-examples/backbone_marionette/js/TodoMVC.TodoList.Views.js
@@ -23,8 +23,8 @@ TodoMVC.module('TodoList.Views', function (Views, App, Backbone, Marionette, $)
 			'click .toggle': 'toggle'
 		},
 
-		initialize: function () {
-			this.listenTo(this.model, 'change', this.render, this);
+		modelEvents: {
+			'change': 'render'
 		},
 
 		onRender: function () {
@@ -93,8 +93,8 @@ TodoMVC.module('TodoList.Views', function (Views, App, Backbone, Marionette, $)
 			'click #toggle-all': 'onToggleAllClick'
 		},
 
-		initialize: function () {
-			this.listenTo(this.collection, 'all', this.update, this);
+		collectionEvents: {
+			'all' : 'update'
 		},
 
 		onRender: function () {