【发布时间】:2009-12-24 15:44:13
【问题描述】:
我一直在寻找解决方案。我找到了 Nathan Smith 的一个很棒的演示,它使用 jQuery 和界面将收藏夹拖放到列表中。
演示在这里: http://host.sonspring.com/dragdrop/
但是如何将列表保存到 mysql 数据库。
【问题讨论】:
标签: jquery drag-and-drop
我一直在寻找解决方案。我找到了 Nathan Smith 的一个很棒的演示,它使用 jQuery 和界面将收藏夹拖放到列表中。
演示在这里: http://host.sonspring.com/dragdrop/
但是如何将列表保存到 mysql 数据库。
【问题讨论】:
标签: jquery drag-and-drop
在删除项目时使用 ajax 调用服务器端 (php) 脚本。将该脚本传递给表的顺序,以便它可以更新您的 MySQL。
P.S - 您也可以使用 jQuery UI 进行拖放,它非常灵活。
【讨论】:
我在表单中使用拖放操作,因此我没有在每个“拖放”上保存,而是使用最简单的方法,即使用所选项目填充隐藏字段。为此,请确保为您的列表项分配一个 ID。
所以如果选择的列表看起来像:
<div id='selected_items'>
<ul>
<li id='123'>Item 1</li>
<li id='456'>Item 2</li>
</ul>
</div>
然后只需遍历列表并在用户单击保存时保存到隐藏输入:
$("#save").click(function(){
var theList = '';
$("selected_items > li").each(function(){
var $this = $(this);
var currentID = $this.attr("id");
theList = theList+currentID+'|';
});
$("#hidden_list").val(theList);
});
【讨论】: