javascript - JQuery 从两个表中拖放

Question

我需要实现从一个表到另一个表的拖放功能，反之亦然。

这是我获取特定 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);
        }); 
    }
}

Answer 1

只需使用 jQueryUI 的可排序功能即可。 这是完整的示例+文档。非常简单。

此示例还显示了您的情况:

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