jquery - テーブルから同じテーブルへのドラッグ アンド ドロップ

Question

私は次のように見えるページを持っています：

これらのテーブルは、タスクと呼ばれる同じテーブルです。

最初のものでは、その記録を示しDone = Falseます。

2 つ目では、その記録を示しDone = Trueます。

下のテーブルから上のテーブルにタスクをドラッグ アンド ドロップしたい (そして、上のテーブルにドロップしたときに、Done を True から False に変更したい)。

チュートリアルについて知っている人はいますか?

どんな助けでも大歓迎です！

Answer 1

JqueryUI sortable を使用することをお勧めします。項目がリスト間でドラッグされたときに関連付けることができる、いくつかの優れたイベントがあります。 受け取ることは、おそらくあなたにとって最も関連性の高いものになるでしょう。あなたが引用した例から作業して、私はこのJSFiddleをデモにしました：

$(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();
});