http://www.lukemelia.com/blog/archives/2012/03/10/using-ember-js-with-jquery-ui/を使用して、Ember によって読み込まれたテンプレートに並べ替え可能なリストを実装しようとしています。 content として Phonenumbers の配列を持つ ArrayController :
{{#collection App.SortableListView contentBinding="phonenumbers" itemViewClass="App.SortableItem"}}
<b>{{phonenumber.cost}}</b>
{{/collection}}
ソート後に各電話番号の「順序」プロパティを更新しようとしていますが、その方法がわかりません:
App.SortableListView = JQ.SortableListView.extend({
items: 'article',
//update is a jquery ui method called when the sort ends and dom has been updated
update: function(event, ui) {
// I would like to update and persist each phonenumbers model here
}
});
私はさまざまなことを試しました：順番にbindAttr、jqueryを介したデータ属性、各childViewのcontentIndexプロパティを使用（ただし、ソート時に更新されません）...すべてが失敗したか、そのような単純なことには複雑すぎました。
明らかな何かが欠けていると思います。助けてくれてありがとう。