关于jquery sorttable拖拽排序之后如何保存位置到数据库优化算法

发布网友 发布时间：2022-05-03 06:46

我来回答

共2个回答

懂视网 时间：2022-05-03 11:07

<script type="text/javascript" src="jquery.js"></script> 2 <script type=‘text/javascript‘ src=‘js/jquery-ui.min.js‘></script> 3 <div id="loader"></div> 4 <div id="module_list"> 5 <input type="hidden" id="orderlist" value="<?php echo $sort; ?>" /> 6 <!--?php 7 for ($i = 0; $i < $len; $i++) { 8 ?--> 9 <div class="modules" title="<?php echo $sort_arr[$i]; ?>"> 10 <h3 class="m_title">Module: 11 <!--?php echo $sort_arr[$i]; ?--></h3> 12 <p> 13 <!--?php echo $sort_arr[$i]; ?--></p> 14 </div> 15 <!--?php } ?--> 16 <div class="cl"></div> 17 </div>

 

页面js:

 1 $(function() { 
 2 $(".m_title").bind(‘mouseover‘, 
 3 function() { 
 4  $(this).css("cursor", "move") 
 5  }); 
 6 
 7 var $show = $("#loader"); //进度条 
 8 var $orderlist = $("#orderlist"); 
 9 var $list = $("#module_list"); 
10 
11  $list.sortable({ 
12  opacity: 0.6, 
13  revert: true, 
14  cursor: ‘move‘, 
15  handle: ‘.m_title‘, 
16  update: function() { 
17  var new_order = []; 
18  $list.children(".modules").each(function() { 
19   new_order.push(this.title); 
20   }); 
21  var newid = new_order.join(‘,‘); 
22  var oldid = $orderlist.val(); 
23   $.ajax({ 
24   type: "post", 
25   url: "update.php", 
26   data: { 
27    id: newid, 
28    order: oldid 
29   }, 
30   //id:新的排列对应的ID,order：原排列顺序 
31   beforeSend: function() { 
32   $show.html("<img src=‘images/load.gif‘ /> 正在更新"); 
33   }, 
34   success: function(msg) { 
35   $show.html(""); 
36   } 
37   }); 
38  } 
39  }); 
40 });

 

拖动后保存到数据库，ajax.php中的代码：

 1 $order = $_POST[‘order‘]; 
 2 $itemid = trim($_POST[‘id‘]); 
 3 if (!empty($itemid)) { 
 4 if ($order != $itemid) { 
 5  $query = mysql_query("update sortlist set sort=‘$itemid‘ where id=1"); 
 6  if ($query) { 
 7  echo $itemid; 
 8  } else { 
 9  echo "none"; 
10  } 
11  } 
12 }

本文转自：https://www.sucaihuo.com/php/69.html 转载请注明出处！

PHP+jQuery-ui拖动浮动层排序并保存到数据库实例

标签：拖动   put   alt   hid   url   技术   ges   target   mysq   

热心网友 时间：2022-05-03 08:15

我现在保存的方式是有很大问题的，望高手们能给一个算法优化我的代码
页面上有无*div行数的数据，比如
name order
a 1
b 2
c 3
d 4
e 5
f 6
1、首先把b拖到a前面，我的做法是当遇到最顶端的数值时把他们的序号1/2=0.5
2、把b拖到c和d之间，做法是把(3+4)/2=3.5
3、把b拖拽到f后面，当遇到最末端的数值时把他们的序号6+1=7
这时候把3种情况name为b的序号值保存进数据库，下次刷新排序之后的结果看起来是没有问题的
但这玩意用久了，也就是说给管理员拖了很多次b的数据之后会不停的上下相加然后相除，虽然序号我定义的是double类型，但已经去到-28E位数，记得到-32E就会超出double的长度。所以我觉得我这样做是绝对只能是用一时的半成品，功能的要求又想实时拖拽，实时保存进数据库，而不想点击按钮来统一保存。
请教朋友们有没有比较好的算法来处理这种问题，有人提出用链表，但我还是理解不得，具体做法追问为什么复制我的问题啊？