Question

我正在使用jquery sortable与table，它工作正常。当我使用分页（我通过ajax post保存数据库中数据项的新顺序）时，表会丢失顺序，只有刷新页面才会出现新顺序（因为我将从数据库中获取实体）如何在使用分页时加入新订单？

$("tbody").sortable({
        axis:'y',
        placeholder: "ui-state-highlight",
        group: 'no-drop',
        handle: '.drag',
        update: function (event, ui) {

            var videoSortedIDS = $(this).sortable("toArray");
            var ranks = [];
            for (r = pageInfo.start; r < pageInfo.end; r++) {
                ranks.push(r);
            }

            $.post(urlSort, {videoIDS: videoSortedIDS, videoRanks: ranks}, function (data) {
                if (data.responseCode === 200) {
                    console.log(data.sortedEntities);
                } else {
                    alert("Error");
                }
            });
        }
    }).disableSelection();

Answer 1

我找到了解决方案！由于jquery Sortable不影响与Datatable实例化的对象，因此我使用html表的新内容更新Datatable表中的每一行：

table.row(index).data(newRowContent).draw(false);

绘制（false）以保存页面状态;）

jquery ui表可以分页

1 个答案: