拖动可排序列表项目到另一个div

时间:2015-06-19 10:55:22

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

我正在建立一个"项目"在学校的PHP和 我在这里,因为我有一些问题。我将解释:

我有4个项目列表,每个项目与一个类(用户在配置页面中选择)相关联,这些项目保存在数据库中。每个列表中列出了属于每个类的学生。 使用可排序的jquery方法,我能够做到这一点,以便我可以将学生从一个班级拖到另一个班级,我能够做到并按预期工作。

我对目前的情况感到满意(因为这是我第一次做类似的事情)。但是,我的老师让我把这4个列表放在div下面的其他课程之下,这样我就可以从4"重要的"上面列出的类之一"让我们称之为其他类"让学生改变班级(通过ajax或smthing改变学生表中的字段)并使其从页面中消失。

我不知道我是否清楚自己,因为我的英语不是那么好,但我会尝试做一个例子。

我们说我的数据库中有7个班级。 (A,B,C,D,E,F,G)我定义了" main"那些是A,B,C和D.那些主要的类将在顶部的列表中,另外3个将在列表下面(不同之处在于它们不会是列表,因此它们不会显示相关的学生,如果是从那里的任何主要名单中拖出一名学生)。 现在有重要的部分
让我说我将学生从列表1(A班)拖到下面对应E班的div,它会将学生班级改为E它会从页面中删除它,或隐藏它,因为它不再属于任何大类。 这是我无法弄清楚如何做的事情

图片有助于了解:http://tinypic.com/view.php?pic=mtb96s&s=8#.VYP00PlVhBc

图片链接2:http://prntscr.com/7irm41

有没有人有关于我如何实现这一目标的建议?我可以发布一些代码,如果我需要,请告诉我

2 个答案:

答案 0 :(得分:0)

在查询中,您可以使用ORDER BY作为元素的ordnung。

答案 1 :(得分:0)

想出来了!

使用了draggable!
https://jqueryui.com/draggable/