JQuery从两个表中拖放

时间:2016-04-29 10:46:08

标签: javascript jquery

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

这是我的功能,我获得特定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 个答案:

答案 0 :(得分:1)

只需使用jQueryUI Sortable功能即可。 这是完整的示例+文档。很容易。

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

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