101 lines
2.9 KiB
JavaScript
101 lines
2.9 KiB
JavaScript
// 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;
|
|
|
|
} ); |