将可排序列表连接在一起并使用jQuery UI更新SQL

时间:2010-03-22 07:39:48

标签: ajax jquery-ui jquery-ui-sortable

我正在使用jQuery UI的可排序列表对待办事项列表中的项目进行排序,并且列表的重新排序就像魅力一样。

我为每个待办事项类别提供了几个UL列表,即设计,开发等。

我希望能够将项目从一个类别移动到另一个类别,而jQuery UI的可排序列表插件允许我使用connectWith选项参数执行此操作。

但我似乎无法找到如何更新数据库。 todo数据库表有一个字段,用于引用放在其自己的表中的类别。

这是当前的代码:

$('.sortable').sortable({
    axis: 'y',
    opacity: .5,
    cancel: '.no-tasks',
    connectWith: '.sortable',
    update: function(){
        $.ajax({
            type: 'POST',
            url: basepath + 'task/sort_list',
            data: $(this).sortable('serialize')
        });
    }
});

我是否需要在AJAX的数据参数中添加另一个值,或者在序列化函数中为我执行可排序的插件?

1 个答案:

答案 0 :(得分:1)

你可能已经知道了,但这是我的方法。 (可能指向某人正确的方向)

我是Stackoverflow的新手,并且在帖子中格式化代码时遇到了麻烦。出于某种原因,当我使用代码括号时它忽略了一些行。所以我在这里发布了它。

jQuery Sortable joined lists with SQL update