灰烬分选有很多关系
我想按升序排列一组类别和项目(AZ)。
我的HBS模板遍历{{each}}类别,然后遍历类别内的{{each}}项目。
我试图将sortProperties传递给每个数组控制器,但这似乎不影响任何内容。 我还尝试将排序提取到数组代理(使用此处的帮助:Ember.js对父路由中hasMany关系的子代进行排序和筛选)
任何想法如何从这里前进?
这是我的JSBin到目前为止:http://jsbin.com/momihe/8/edit
非常感谢!
最简单的方法是对模型中的项目进行排序,然后遍历它们
App.Category = DS.Model.extend({
title: DS.attr("string"),
createdAt: DS.attr('date', { defaultValue: new Date() }),
items: DS.hasMany('item', { async: true }),
sortedItems: Em.computed.sort('items', function(item1, item2){
return item1.get('desc').localeCompare(item2.get('desc'));
})
});
http://jsbin.com/lojep/1/edit
接下来最简单的是使用一个物品控制器,并将排序的列表放在那里
模板
{{#each model itemController='foo'}}
<li><strong>{{title}}</strong>
{{#each sortedItems}}
<div>{{desc}}</div>
{{/each}}
<br>
</li>
{{/each}}
调节器
App.FooController = Em.ObjectController.extend({
sortedItems: Em.computed.sort('items', function(item1, item2){
return item1.get('desc').localeCompare(item2.get('desc'));
})
});
http://jsbin.com/lojep/2/edit
链接地址: http://www.djcxy.com/p/65587.html