这是我的模板:
<table id="locationDataTable" class="large-data-table" cellspacing='0' border='0'>
<thead>
<tr>
<th>
{{view App.LocationDataTable type='kwh'}}
</th>
<th>
{{view App.LocationDataTable type='btu'}}
</th>
</tr>
</thead>
<tbody>
...
</tbody>
</table>
这是我的观点 JS:
App.LocationDataTable = Ember.View.extend({
tagName: 'span',
classNames: ['carrot'],
classNameBindings: ['direction', 'isActive:active'],
direction: 'down',
isActive: false,
click: function(){
// remove active class from all #locationDataTable span
this.set('isActive', true); // set active only on this one
var type = this.get('type');
this.get('controller').set('sortProperties', [type]);
if (this.get('direction') === 'up') {
this.set('direction', 'down');
this.get('controller').set('sortAscending', true);
} else {
this.set('direction', 'up');
this.get('controller').set('sortAscending', false);
}
}
});
我不知道我是否以最好的方式这样做......我尝试像{{action 'sortTable'}}
以前一样使用动作助手并且遇到了类似的问题......我可以为每个元素设置不同的视图 js,但是,我将如何删除活动的他们所有人的课?
如果我没有很好地解释自己,请告诉我。