拖放并插入MySQL

时间:2011-08-15 22:48:19

标签: php jquery mysql draggable

这是我的第一个问题。长话短说,我想这样做:

http://jqueryui.com/demos/draggable/#sortable

但是,当我将“将我拖下来”框拖到下面的可排序列表中时,我希望它使用PHP在我的MySQL表中添加一行。我可以实现我想要的一部分:

http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

但我希望用户能够像在jqueryui演示中那样进行排序。

在jqueryui演示中,在上面的例子中“拖我”,会有一个选择列表。该列表将是对MySQL表的查询结果。如果项目1,2,3在jqueryui示例中,它将为空白,直到用户将其所需的列表项目拖动到项目1/2/3区域,该区域应该是可排序的(即能够拖动列表项目在列表并创建所需的订单。)

因此,当新列表项被拖入项目1/2/3区域时,如何插入数据库。我知道如何实现排序。但我不知道如何将项目实际添加到列表中以便能够对它们进行排序。谷歌搜索没有任何用处。

任何人都可以帮我指出正确的方向吗?

2 个答案:

答案 0 :(得分:2)

我不太明白你在这里问的是什么。

  

但我不知道如何将项目实际添加到列表中以便对其进行排序

如果您已经实现了jQuery UI Demo中的内容,那么我希望您正在研究如何序列化用户修改并将修改发送到服务器以便更新数据库。

如果是这样,那么您可能需要查看序列化列表ID的可排序方法serialize,以便作为Ajax请求发送。

.sortable( "serialize" , [options] )

当用户更改排序时,您还可以挂钩change事件。

$( ".selector" ).bind( "sortchange", function(event, ui) {
    ...
});

答案 1 :(得分:0)

从小开始,获取javascript / jquery,以便在用户将所需的列表项拖入项目时设置alert()console.log()。然后用ajax请求替换alert()console.log()