@@ -182,28 +182,32 @@ Backbone.Marionette.CollectionView.extend({
182
182
## CollectionView Events
183
183
184
184
There are several events that will be triggered during the life
185
- of a collection view. These are intended to be handled from code
186
- external to the view.
185
+ of a collection view. Each of these events is called with the
186
+ [ Marionette.triggerMethod] ( ./marionette.functions.md ) function,
187
+ which calls a corresponding "on{EventName}" method on the
188
+ view instance.
187
189
188
- ### "collection: before: render " event
190
+ ### "before: render " / onBeforeRender event
189
191
190
- Triggers just prior to the view being rendered
192
+
193
+ Triggers just prior to the view being rendered. Also triggered as
194
+ "collection:before: render " / ` onCollectionBeforeRender ` .
191
195
192
196
``` js
193
197
MyView = Backbone .Marionette .CollectionView .extend ({... });
194
198
195
199
var myView = new MyView ();
196
200
197
- myView .on (" collection: before:render" , function (){
201
+ myView .on (" before:render" , function (){
198
202
alert (" the collection view is about to be rendered" );
199
203
});
200
204
201
205
myView .render ();
202
206
```
203
207
204
- ### "render" / "collection : rendered " event
208
+ ### "render" / onRender event
205
209
206
- A "collection: rendered " event will also be fired. This allows you to
210
+ A "collection: rendered " / ` onCollectionRendered ` event will also be fired. This allows you to
207
211
add more than one callback to execute after the view is rendered,
208
212
and allows parent views and other parts of the application to
209
213
know that the view was rendered.
@@ -224,9 +228,10 @@ myView.on("collection:rendered", function(){
224
228
myView .render ();
225
229
```
226
230
227
- ### "collection: before: close " event
231
+ ### "before: close " / onBeforeClose event
228
232
229
- Triggered just before closing the view.
233
+ Triggered just before closing the view. A "collection:before: close " /
234
+ ` onCollectionBeforeClose ` event will also be fired
230
235
231
236
``` js
232
237
MyView = Backbone .Marionette .CollectionView .extend ({... });
@@ -240,9 +245,10 @@ myView.on("collection:before:close", function(){
240
245
myView .close ();
241
246
```
242
247
243
- ### "collection: closed " event
248
+ ### "closed" / " collection: closed " event
244
249
245
- Triggered just after closing the view.
250
+ Triggered just after closing the view, both with corresponding
251
+ method calls.
246
252
247
253
``` js
248
254
MyView = Backbone .Marionette .CollectionView .extend ({... });
@@ -256,6 +262,30 @@ myView.on("collection:closed", function(){
256
262
myView .close ();
257
263
```
258
264
265
+ ### "item: added " / onItemAdded
266
+
267
+ Triggered just after creating a new itemView instance for an
268
+ item that was added to the collection, but before the
269
+ view is rendered and added to the DOM.
270
+
271
+ ``` js
272
+ cv .on (" item:added" , function (viewInstance ){
273
+ // ...
274
+ });
275
+ ```
276
+
277
+ ### "item: removed " / onItemRemoved
278
+
279
+ Triggered after an itemView instance has been closed and
280
+ removed, when it's item was deleted or removed from the
281
+ collection.
282
+
283
+ ``` js
284
+ cv .on (" item:removed" , function (viewInstance ){
285
+ // ...
286
+ });
287
+ ```
288
+
259
289
### "itemview:\* " event bubbling from child views
260
290
261
291
When an item view within a collection view triggers an
@@ -388,5 +418,3 @@ Backbone.Marionette.CollectionView.extend({
388
418
}
389
419
});
390
420
```
391
-
392
-
0 commit comments