在列表之间拖放项目并将其位置保存在php文件中

时间:2018-01-16 21:18:56

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

我必须构建一个解决方案,其中包括能够将项目从一个列表拖放到其他列表。

基本上我有一个静态列表"科目"它包含一些主题,它可能如下所示。

<ul id="subjects" class="sortable_list connectedSortable">
<li class="ui-state-default">ID 1 - Item 1</li>
<li class="ui-state-default">ID 2 - Item 2</li>
<li class="ui-state-default">ID 3 - Item 3</li>
<li class="ui-state-default">ID 4 - Item 4</li>
<li class="ui-state-default">ID 5 - Item 5</li>
</ul>

基于$session变量int,我必须创建,即如果$session=2自动生成另外两个可排序列表,如下所示:

for ($x = 0; $x <= $session; $x++) {
    echo "<ul id='sortable."$x".' class='sortable_list connectedSortable'>
    </ul>";
} 

我想要做的是,从#subjects中删除主题后,我想在php文件中保存从for循环自动创建的每个可排序列表中的项目的ID,以及文件的顺序。

我想使用jquery-ui排序,或者如果您有任何建议,请这样做。 我会很感激如何实现这一目标。

1 个答案:

答案 0 :(得分:0)

这是您必须使用的内容:https://api.jqueryui.com/sortable/#method-serialize

选择正确的ID,例如(在代码中将id='sortable."$x"'更改为sortable_"$x",您将获得的是一系列格式为sortable[]=1&sortable[]=5&sortable[]=2的有序ID。

然后你可以分割这个字符串并对其进行操作并相应地使用它。