This will probably end up being quite an easy question to answer, but man is it giving me a hard time.
So I have a Kendo-AngularJS grid set up and working beautifully when I include kendo.all.min.js. However, we are only going to be using a few components, so I would rather not include the ~2mb all.min script. So I am trying to piece together the individual files I need. (By the way, one of those download generators that jQuery UI, Bootstrap and others have would be awesome, where you could simply check boxes for what you need and it generates only the scripts and resources you need and concatenates them).
First, here is my Grid setup object so you can see which features I am using:
$scope.gridOptions = {
dataSource: {
data: $scope.accountTags,
schema: {
model: {
fields: {
nickname: { type: 'string' },
tagId: { type: 'string' },
licState: { type: 'string' },
licPlate: { type: 'string' },
vehicleYear: { type: 'string' },
vehicleMake: { type: 'string' },
vehicleModel: { type: 'string' },
vehicleColor: { type: 'string' },
tagStatusDesc: { type: 'string' }
}
}
},
pageSize: 20
},
sortable: true,
selectable: true,
pageable: {
refresh: true,
pageSizes: true
},
columns: [{ title: 'Nickname', field: 'nickname' },
{ title: 'Tag #', field: 'tagId' },
{ title: 'State', field: 'licState' },
{ title: 'Lic. Plate', field: 'licPlate' },
{ title: 'Year', field: 'vehicleYear' },
{ title: 'Make', field: 'vehicleMake' },
{ title: 'Model', field: 'vehicleModel' },
{ title: 'Color', field: 'vehicleColor' },
{ title: 'Tag Status', template: kendo.template(jQuery('#active-template').html()) },
{ template: kendo.template(jQuery('#edit-link-template').html()) }]
};
};
Here are the files I am already including, in the order I am including them:
kendo.core
kendo.angular
kendo.data
kendo.grid
kendo.selectable
kendo.sortable
kendo.reorderable
kendo.dataviz
kendo.pager
kendo.common.css
kendo.default.css
The last two JS files included (dataviz and pager) were largely added out of desperation, as I couldn't find much else to try.
But I am obviously missing something else, since the Grid works fine with kendo.all.min.js, but not with this mix of files. Any help would be appreciated!