emberjs arraycontroller not sorting

Question

I have reviewed many examples but I can't seem to make my ArrayController sort! I have: (fiddle http://jsfiddle.net/6bphs4h7/1/)

<script type="text/x-handlebars" data-template-name="usergroups">
<ul>
  {{#each}}
    <li>{{name}}
  {{/each}}
</ul>
</script>

var App = Ember.Application.create({});

App.UsergroupsRoute = Ember.Route.extend({
  model: function(params) {
    return [ 
        Ember.Object.create({id: 1, name: 'foo'}), 
        Ember.Object.create({id: 2, name: 'bar'}) 
    ];
  }
});

App.UsergroupsGroupsController = Ember.ArrayController.extend({
  sortProperties: ['name'],
  sortAscending: true,
});

App.Router.map(function(){
  this.resource('usergroups', {path: '/'});
});

TheDude · Accepted Answer · 2014-08-08 19:17:23Z

2

Is it because your controller is different than the route with the model?

App.UsergroupsController = Ember.ArrayController.extend({
  sortProperties: ['name'],
  sortAscending: true,
});

Your controller was for UsergroupsGroups when it should be Usergroups.

answered Aug 8, 2014 at 19:17

TheDude

3,9822 gold badges32 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

tikotzky Over a year ago

here is a bin showing it working correctly once changed to UsergroupsController. See: emberjs.jsbin.com/moxape/1/edit

BGA Over a year ago

sigh... I have spent days looking at this piece of code. Thanks. I need a smarter ide (or coder). Thanks.

Steve H. Over a year ago

@user3746371 You need the Ember debugger plugin for Chrome. This shows your view hierarchy and which controllers and models are being used for each.

Collectives™ on Stack Overflow

emberjs arraycontroller not sorting

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related