我想在emberjs和jqueryui中创建一个带有可排序项的列表(或表)。 我在JSFiddle上传了一个示例:http://jsfiddle.net/KCxxu/。当我启动它并单击删除时,它功能正常。但是,当我首先重新排序项目,然后再次单击删除时,直到我单击两个删除按钮之后才会发生任何事情。有什么想法吗?非常感谢!
contentWillChange()
和contentDidChange()
。现在似乎可以工作了。window.App = Ember.Application.create({});
Item = Ember.Object.extend({
id : null,
name : null
});
App.listController = Ember.ArrayProxy.create({
content : [
Item.create({id: 1, name : 'test'}),
Item.create({id: 1, name : 'test2'}),
],
});
App.ListView = Ember.View.extend({
tagName : 'tr',
didInsertElement : function() {
var me = this;
this._super();
// Make list sortable
this.$().parent("tbody").sortable({
items : 'tr',
opacity : 0.6,
axis : 'y'
});
},
del : function(event) {
var item = event.context;
App.listController.contentWillChange();
App.listController.removeObject(item);
App.listController.contentDidChange();
}
});