基于JQuery的列表拖动排序实现代码(3)

<table cellpadding="5" cellspacing="0">
 <thead>
  <tr>
   <td>拖动</td>
   <td>名称</td>
  </tr>
 </thead>
 <tbody>
  <!--{loop $lists $k $list}-->
  <tr action-id="{$list['id']}">
   <td><div action-id="{$list['id']}"><img src="https://www.jb51.net/{SYS_URL}views/admin/images/move.png" alt="" /></div></div></td>
   <td>这里是一行</td>
  </tr>
  <!--{/loop}-->
 </tbody>
</table>
<script type="text/javascript">
$("#drag_table").DragList({
 dgLine:'drag_line',
 dgButton:'drag_orders',
 id:'action-id',
 linePre:'list_',
 JSONUrl:'{_ADMIN}?controller=contents&method=focus_form',
 maskLoadIcon:'{SYS_URL}views/admin/images/loading.gif'
});
</script>

参数主要是dgLine，dgButton，id，linePre和JSONUrl，通过看HTML代码，应该不难理解。

关于拖动排序就是这么多了，当然还可以把效果做得更漂亮些，提示更清楚点，有助于用户体验

您可能感兴趣的文章: