有关Jquery sortable,我想保存排序后的新顺序，写到后台，不知道要怎么做？

YAODASI 2013-05-02 03:36:03

<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Sortable - Display as grid</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 450px; }
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
</style>
<script>
// $(function() {
// $( "#sortable" ).sortable();
// $( "#sortable" ).disableSelection();
// });
</script>
<script language="javascript">
$(document).ready(
function(){

$('ul').sortable({
placeholder:'',
helper:function(e,ele){
return $(ele).clone();
},
update:function(e,ui){
alert($(this).sortable(
'serialize',{
key:'aa',
expression: /(.*)/
}
))
}
});
}
);
</script>
</head>
<body>

<ul id="sortable">
<li id="1" class="ui-state-default">1</li>
<li id="2" class="ui-state-default">2</li>
<li id="3" class="ui-state-default">3</li>
<li id="4" class="ui-state-default">4</li>
<li id="5" class="ui-state-default">5</li>
<li id="6" class="ui-state-default">6</li>
<li id="7" class="ui-state-default">7</li>
<li id="8" class="ui-state-default">8</li>
<li id="9" class="ui-state-default">9</li>
<li id="10" class="ui-state-default">10</li>
<li id="11" class="ui-state-default">11</li>
<li id="12" class="ui-state-default">12</li>
</ul>

</body>
</html>

...全文

830 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

likan971 2013-09-09

打赏
举报

没人回答这个问题么

likan971 2013-09-09

打赏
举报

谢谢楼上提供的思路！

NancyChan_ 2013-09-09

打赏
举报

之前做过左右拖拽并排序的，应该差不多.思路是，我给每个li都传了排序字段的id属性，保存的方法将这些id拼到一个字符串里边，（逗号分割）。这个拼的顺序其实就是排序后的顺序。

			    var idstr = "";

			    $("#sortable li").each(function() {
			        // 将选中的字段id拼成字符串
			        idstr += $(this).attr("id") + ",";
			    });
                            if (idstr.length > 0) {
			        idstr = idstr.substring(0, idstr.length - 1)
			    }

在后台把以逗号分割的字符串转成数组，再处理就ok了

YAODASI 2013-05-02