从表拖放到同一个表

Question

我的页面看起来如此：

这些表是相同的表：Tasks。

在第一个中，我显示了Done = False。

的记录

在第二个中，我显示了Done = True。

的记录

我想将任务从下表拖放到上表（当我将它放在上表中时，我想将完成从True更改为False）。

有人可以了解一个教程我该怎么办？

任何帮助表示赞赏！

Answer 1

我建议使用JqueryUI sortable。在列表之间拖动项目时，您可以使用一些好的事件。 Receive可能是与您最相关的一个。因此，根据您引用的示例，我做了JSFiddle to demo：

$(function() {
  $( "#sortable1, #sortable2" ).sortable({
    connectWith: ".connectedSortable",
    receive: function( event, ui ) {

        //This function is called whenever you drag between 
        //your javascript here to update your property.
        alert("foo");
    }                               
  }).disableSelection();
});