剣道の mvvm と並べ替え可能なウィジェットを使用して、ユーザーがデータがバインドされた複数のテーブルを並べ替えることができるようにしています。次のコードを実装しました。動作しますが、データはコンソールに正しく記録されているようです。ただし、UI のデータは飛び回ります。
$(".sortable-handlers").kendoSortable({
handler: ".move",
hint:function(element) {
return element.clone().addClass("sortable-hint");
},
change: function(e) {
var services = viewModel.get("services");
console.log(e.oldIndex);
var oldIndex = e.oldIndex;
var newIndex = e.newIndex;
services.splice(newIndex, 0, services.splice(oldIndex, 1)[0]);
//Set it back to the original list
viewModel.set("services", services);
console.log(JSON.stringify(viewModel.get("services")));
}
});