2016-04-29 12 views
0

ドラッグアンドドロップ機能のフォームを1つのテーブルから別のテーブルに実装する必要があります。JQuery 2つのテーブルからのドラッグアンドドロップ

これは私が特定のIBAN番号へのトランザクションを取得する私の機能です、私はまた、隠されているユーザートランザクションを取得する同じ機能を持っています。

function getAllTransactions(iban) { 
    var iban = $("#ibanSelection").val(); 
    var username = $("#hiddenusername").val(); 
    var url = 'http://localhost:64300/api/BankAccountApi/GetUserTransaction/?iban=' + iban; 
    var table = "<table id=\"table1\">"; 
    if ((username != "") && (iban !="")) { 
     $.getJSON(url, function (data) { 
      table += "<tr class=\"ibanSelection\">"; 
      table += "<th>My IBAN</th>"; 
      table += "<th>Send to IBAN</th>"; 
      table += "<th>Transfer Date</th>"; 
      table += "<th>Amount</th>"; 
      table += "</tr>"; 
      $.each(data, function (key, val) { 
       table += "<tr class=\"draggable_tr\">"; 
       table += "<td>" + val.My_Iabn + "</td>"; 
       table += "<td>" + val.Iban_To + "</td>"; 
       table += "<td>" + val.Transfer_Date + "</td>"; 
       table += "<td>" + val.Amount_Transferd + "</td>"; 
       table += "</tr>"; 
      }); 
      table += "</table>"; 
      $("#divResult2").html(table); 
     }); 
    } 
} 

答えて

1

jQueryUI Sortable機能を使用してください。 完全な例+ドキュメントです。非常に簡単。

また、この例では、あなたのケースを示しています

http://jqueryui.com/sortable/#connect-lists

関連する問題