Jquery UI可排序以检查哪些表行已更改

时间:2018-02-05 22:07:53

标签: jquery ajax jquery-ui

使用Jquery UI时遇到问题。该页面包含许多表格。可以对所有表行进行排序。我正在使用Jquery UI库来实现此目的。

每当对特定表的行进行排序或拖动时,我都需要向服务器发送ajax调用。为此,我需要检查哪些表行被拖动或排序,因此我只能处理该表,因为该页面还包含许多其他表。

下面的代码使所有正文都可以排序。每当拖动行时,它都会触发update_arrangement()方法。在update_arrangement()函数中,我需要检查哪些表的行被更改或拖动。

$('tbody').sortable({
    update: function () {
        update_arrangement();
    }
});

// update_arrangement()函数

function update_arrangement() {
    var priority = [];
    $("#tbody tr").each(function (i) {
        if (i != 0) {
            var sequence = {id: $(this).find("td:first").text(), 
             priority: i};
            console.log(sequence);
            priority.push(sequence);
        }
    });
    $.ajax({
        url: "/email/update/sequence",
        method: 'GET',
        dataType: 'JSON',
        data: {
            'priority': priority
        },

        success: function (data) {
            console.log("updated");
        },
        error: function (data) {
        }
    });
}

0 个答案:

没有答案