jquery-sortable 使用链表的行为

Question

我怀疑我没有以正确的方式看待这个问题，所以就这样吧。

我本质上在网页上有一个数据的 LinkedList (http://en.wikipedia.org/wiki/ Linked_list），出于性能原因，我想使用传统的链接列表行为进行操作（即仅更新“下一个”对象的引用/id）。

有点棘手的地方是我理想地希望使用 Jquery 的可排序来做到这一点。就像用户向上/向下拖动某些东西一样，我可以使用移动的对象的 id 和该对象的新父 id 对服务器进行 Ajax 调用（然后在幕后我可以弄清楚如何重新连接事物） ..也许需要更多的数据......）。

但是我见过的每个使用可排序的示例都将整个重新索引的列表发送到数据库进行更新，这对我来说似乎没有必要。使用链接列表来更改元素的“索引”，我只需要进行 3 次更新，这取决于列表的大小，这可能会节省很大的性能。有人有我想做的事情的例子吗……我在左外野太远了吗？

Answer 1

我通过连接可排序上的“开始”和“更新”事件来解决这个问题，以找出哪个项目已移至何处，然后仅将该索引发送到服务器。

var items;

$('ul#sortable').sortable({
    start: function() {
        items = $('li.item:not(.ui-sortable-placeholder)', this);
    },
    update: function() {
        $('li.item:not(.ui-sortable-placeholder)', this).each(function(i) {
            var order = items.index(this);
            if (order > i + 1 || order < i) {
                // do ajax request here
                console.log('item %d was moved to %d', order, i);
                return false;
            }
        });
    }
});

结果用于对存储在服务器上的列表进行重新排序，这在 Python 中很简单：

items.insert(index2, items.pop(index1))