Skip to content

Instantly share code, notes, and snippets.

@vinilios
Last active October 12, 2016 13:16
Show Gist options
  • Save vinilios/4a1d8e3aa1bef71dd657431fd59cb445 to your computer and use it in GitHub Desktop.
Save vinilios/4a1d8e3aa1bef71dd657431fd59cb445 to your computer and use it in GitHub Desktop.
ember sorting
import Ember from 'ember';
let MODEL = Ember.A([
Ember.Object.create({value: 1}),
Ember.Object.create({value: 2}),
Ember.Object.create({value: 3}),
Ember.Object.create({value: 4})
]);
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
myModel: MODEL,
sortByEmpty: [],
sortBy: ['value:desc'],
sortedModelEmpty: Ember.computed.sort('myModel', 'sortByEmpty'),
sortedModel: Ember.computed.sort('myModel', 'sortBy'),
actions: {
removeItem() {
MODEL.removeAt(MODEL.length - 1);
},
addItem() {
MODEL.addObject(Ember.Object.create({value: MODEL.length + 1}));
}
}
});
<h1>computed.sort with []</h1>
<br>
<br>
model: <br />
{{#each myModel as |item|}}{{item.value}},{{/each}}<br /><br />
sort []: <br />
{{#each sortedModelEmpty as |item|}}{{item.value}},{{/each}}<br /><br />
sort ['value:desc']: <br />
{{#each sortedModel as |item|}}{{item.value}},{{/each}}<br /><br />
<br /><br />
<button {{action 'removeItem'}}>remove item</button>
<button {{action 'addItem'}}>add item</button>
<br>
{
"version": "0.10.5",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.8.0",
"ember-data": "2.8.0",
"ember-template-compiler": "2.8.0",
"ember-testing": "2.8.0"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment