我想在 emberjs 和 jqueryui 中创建一个包含一些可排序项目的列表(或表格)。
我在 JSFiddle 上上传了一个示例:http://jsfiddle.net/KCxxu/
当我启动它并单击删除时,它运行完美。但是,当我第一次重新排序项目并再次单击删除时,直到我单击两个删除按钮之前,什么都没有发生。
有什么想法吗?
非常感谢!
最佳答案
在您的 del 函数中添加 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();
}
});
关于javascript - EmberJS + jqueryUI + 可排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11579230/