Ember.computed.sort on belongsTo properties

Question

I am trying to use Ember.computed.sort and can't figure out how to sort by the name of a belongTo property. I have been on GOogle for hours and can't find the right combination. help please!

// my model
export default DS.Model.extend({
        targetName: DS.attr(),
        targetType: DS.attr(),
        rack: DS.belongsTo('rack', {async: true}),
});

// this works:
export default Ember.Controller.extend({
    sortedTargets: Ember.computed.sort('model', 'sortDefinition'),
    sortDefinition: ['targetType']
});

// this doesn't work :
export default Ember.Controller.extend({
    sortedTargets: Ember.computed.sort('model', 'sortDefinition'),
    sortDefinition: ['rack.name']
});

score 2 · Answer 1 · answered Mar 23 '18 at 18:31

thanks @Lux comments on this thread. here is a solution that worked for me. Note the Ember.computed.alias on the model.

export default DS.Model.extend({
    targetName: DS.attr(),
    targetType: DS.attr(),
    rack: DS.belongsTo('rack', {async: true}),
    rackName: Ember.computed.alias('rack.name'),
});

// this works:
export default Ember.Controller.extend({
    sortedTargets: Ember.computed.sort('model', 'sortDefinition'),
    sortDefinition: ['targetType']
});

// this works too :) :
export default Ember.Controller.extend({
    sortedTargets: Ember.computed.sort('model', 'sortDefinition'),
    sortDefinition: ['rackName']
});

Ember.computed.sort on belongsTo properties

1 Answers1