我一直在制作表格,自动生成包含模型中给定信息的图表。我面临的问题是我在我的组件中制作的属性似乎没有被调用。这就是我现在所拥有的:
App.ChartTestComponent = Ember.Component.extend({
data : null,
isActive : true,
dataArray : [],
actions: {
createGraph: function() {
//console.log(this.data.content);
//this.set('isActive', false);
this.set('dataArray', this.getDataArray(this.get('data.content')));
$('#car-chart').empty();
Morris.Bar({
element : 'car-chart',
data : this.get('dataArray'),
xkey : 'x',
ykeys : ['value'],
labels : ['Aantal']
});
}
},
getDataArray: function(model) {
var returnArray = [];
$.each(model, function(index, element) {
returnArray.push({
x : element.get('brand'),
value : element.get('amountOfCars')
});
});
//console.log(returnArray);
return returnArray;
},
reloadData: function() {
alert('Should work');
this.set('dataArray', this.getDataArray(this.get('data.content')));
return this.get('data');
}.observes('data')
//).observes('this.data')
我要做的是,每当我更改表格中的数据时,都必须相应地自动更改图表。