build: function () {
var options, collectionOptions, collection, collectionName, grid;
collectionName = this.gridName;
collection = gridContentManager.get(collectionName);
if (!collection) {
// otherwise, create collection from metadata
collectionOptions = this.combineCollectionOptions();
collection = new PageableCollection(this.data, collectionOptions);
} else if (this.data) {
collection.reset(this.data, {parse: true});
}
// create grid
options = this.combineGridOptions();
mediator.trigger('datagrid_create_before', options, collection);
this.$el.hide();
options.el = this.$el[0];
grid = new Grid(_.extend({collection: collection}, options));
this.grid = grid;
grid.render();
mediator.trigger('datagrid:rendered');
if (options.routerEnabled !== false) {
// trace collection changes
gridContentManager.trace(collection);
}
this.built.resolve(grid);
},
build: function() {
var collectionModels;
var collectionOptions;
var grid;
var collectionName = this.gridName;
var collection = gridContentManager.get(collectionName);
collectionModels = {};
if (this.data && this.data.data) {
collectionModels = this.data.data;
}
collectionOptions = this.combineCollectionOptions();
if (this.data && this.data.options) {
_.extend(collectionOptions, this.data.options);
}
if (!collection) {
// otherwise, create collection from metadata
collection = new PageableCollection(collectionModels, collectionOptions);
}
// create grid
var options = this.combineGridOptions();
mediator.trigger('datagrid_create_before', options, collection);
this.$el.hide();
options.el = this.$el[0];
options.themeOptionsConfigurator(Grid, options);
grid = new Grid(_.extend({collection: collection}, options));
this.grid = grid;
grid.render();
mediator.trigger('datagrid:rendered', grid);
if (options.routerEnabled !== false) {
// trace collection changes
gridContentManager.trace(collection);
}
var deferredBuilt = this.built;
if (grid.deferredRender) {
grid.deferredRender.then(function() {
deferredBuilt.resolve(grid);
});
} else {
deferredBuilt.resolve(grid);
}
},
build: function(modules) {
var collectionModels;
var collectionOptions;
var grid;
var collectionName = this.gridName;
var collection = gridContentManager.get(collectionName);
Grid = modules.GridView || Grid;
PageableCollection = modules.PageableCollection || PageableCollection;
collectionModels = {};
if (this.data && this.data.data) {
collectionModels = this.data.data;
}
collectionOptions = this.combineCollectionOptions(modules);
if (this.data && this.data.options) {
_.extend(collectionOptions, this.data.options);
}
if (!collection) {
// otherwise, create collection from metadata
collection = new PageableCollection(collectionModels, collectionOptions);
}
// create grid
var options = this.combineGridOptions();
mediator.trigger('datagrid_create_before', options, collection);
options.el = this.$el[0];
options.themeOptionsConfigurator(Grid, options);
grid = new Grid(_.extend({collection: collection}, options));
this.grid = grid;
grid.render();
if (this.changeAppearanceEnabled) {
grid.on('changeAppearance', _.bind(this.onChangeAppearance, this));
collection.on('updateState', _.bind(function() {
if (this.currentApperanceKey !== collection.state.appearanceType ||
this.currentAppearanceId !== collection.state.appearanceData.id) {
this.selectAppearanceById(collection.state.appearanceData.id);
}
}, this));
}
mediator.trigger('datagrid:rendered', grid);
if (options.routerEnabled !== false) {
// trace collection changes
gridContentManager.trace(collection);
}
this.collection = collection;
var deferredBuilt = this.built;
if (grid.deferredRender) {
grid.deferredRender.then(function() {
deferredBuilt.resolve(grid);
});
} else {
deferredBuilt.resolve(grid);
}
},