1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
|
// Category Collection
// ===================
// Includes file dependencies
define([
"jquery",
"backbone",
"../models/CategoryModel" ], function( $, Backbone, CategoryModel ) {
// Extends Backbone.Router
var Collection = Backbone.Collection.extend( {
// The Collection constructor
initialize: function( models, options ) {
// Sets the type instance property (ie. animals)
this.type = options.type;
},
// Sets the Collection model property to be a Category Model
model: CategoryModel,
// Sample JSON data that in a real app will most likely come from a REST web service
jsonArray: [
{ "category": "animals", "type": "Pets" },
{ "category": "animals", "type": "Farm Animals" },
{ "category": "animals", "type": "Wild Animals" },
{ "category": "colors", "type": "Blue" },
{ "category": "colors", "type": "Green" },
{ "category": "colors", "type": "Orange" },
{ "category": "colors", "type": "Purple" },
{ "category": "colors", "type": "Red" },
{ "category": "colors", "type": "Yellow" },
{ "category": "colors", "type": "Violet" },
{ "category": "vehicles", "type": "Cars" },
{ "category": "vehicles", "type": "Planes" },
{ "category": "vehicles", "type": "Construction" }
],
// Overriding the Backbone.sync method (the Backbone.fetch method calls the sync method when trying to fetch data)
sync: function( method, model, options ) {
// Local Variables
// ===============
// Instantiates an empty array
var categories = [],
// Stores the this context in the self variable
self = this,
// Creates a jQuery Deferred Object
deferred = $.Deferred();
// Uses a setTimeout to mimic a real world application that retrieves data asynchronously
setTimeout( function() {
// Filters the above sample JSON data to return an array of only the correct category type
categories = _.filter( self.jsonArray, function( row ) {
return row.category === self.type;
} );
// Calls the options.success method and passes an array of objects (Internally saves these objects as models to the current collection)
options.success( categories );
// Triggers the custom `added` method (which the Category View listens for)
self.trigger( "added" );
// Resolves the deferred object (this triggers the changePage method inside of the Category Router)
deferred.resolve();
}, 1000);
// Returns the deferred object
return deferred;
}
} );
// Returns the Model class
return Collection;
} );
|
