Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript EmberJS模型排序_Javascript_Ember.js - Fatal编程技术网

Javascript EmberJS模型排序

Javascript EmberJS模型排序,javascript,ember.js,Javascript,Ember.js,给定 在余烬路径中,我如何颠倒记录的顺序以便于显示 i、 e.在我的模板中,我有: model() { return this.store.findAll('foos') }, 它们目前的显示顺序与我想要的完全相反。有几种方法可以做到这一点。一种是在控制器上创建计算属性 {{#each model as |foo|}} 然后在模板中 sortedModel: Ember.computed('model.[]', function() { return this.get('model'

给定

在余烬路径中,我如何颠倒记录的顺序以便于显示

i、 e.在我的模板中,我有:

model() {
  return this.store.findAll('foos')
},

它们目前的显示顺序与我想要的完全相反。

有几种方法可以做到这一点。一种是在控制器上创建计算属性

{{#each model as |foo|}}
然后在模板中

sortedModel: Ember.computed('model.[]', function() {
  return this.get('model').toArray().sort( (a, b) => {
    return whateverSortYouWantToDo
  })
})

有几种方法可以做到这一点。一种是在控制器上创建计算属性

{{#each model as |foo|}}
然后在模板中

sortedModel: Ember.computed('model.[]', function() {
  return this.get('model').toArray().sort( (a, b) => {
    return whateverSortYouWantToDo
  })
})

您可以使用在控制器中定义的实现sortableMixin的arrayProxy,并在模板中使用此属性。例如:

{{#each sortedModel as |foo|}}
模板:

sortedContent: function(){
    var self = this;
    return Ember.ArrayProxy.createWithMixins(Ember.SortableMixin, {
        sortProperties: ['modelPropertyYouWantToSort'],
        sortAscending: true,
        content: self.get('model')
    });
}.property('model')

您可以使用在控制器中定义的实现sortableMixin的arrayProxy,并在模板中使用此属性。例如:

{{#each sortedModel as |foo|}}
模板:

sortedContent: function(){
    var self = this;
    return Ember.ArrayProxy.createWithMixins(Ember.SortableMixin, {
        sortProperties: ['modelPropertyYouWantToSort'],
        sortAscending: true,
        content: self.get('model')
    });
}.property('model')

调用
reverse
sort
?调用
reverse
sort
?我最终将计算结果放入了一个组件中,但这让我大部分时间都用到了组件中。谢谢我最终把计算结果放进了一个组件,但这让我在大部分时间里都做到了。谢谢