javaweb上移下移功能全过程

zhangxiaomin19921

于 2016-11-17 15:34:54 发布

阅读量6.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： javaweb 文章标签： java web

本文链接：https://blog.youkuaiyun.com/zhangxiaomin1992/article/details/53200614

本文介绍了JavaWeb中实现列表项上移和下移功能的思路，避免使用简单的加减排序导致的错误，提出了使用冒泡算法思想进行交换，强调了处理页面刷新的问题，并提供了使用HTML和JS的交互方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路：

关于上移下移排序列表的功能，不能用sort+1,sort-1

比如：1,2,3,4 第一次下移1，则：2,1,3,4

第二次下移1,则为：2,2,2,4，可见，排序混乱，不可行。

可以用冒泡的算法思想

无论第几次下移都需要交换当前行和下一行的数据，主要是id和sort字段的获取，高效，不好处理的原因在于页面的刷新问题

var id=$("#id").val();
var idsort=$("#sort").val();
var replaceid=$tr.prev().eq(0).find("input[id='id']").val();
var replacesort=$tr.prev().eq(0).find("input[id='sort']").val();

可以用简单暴力的思想，在数据量比较大时不推荐

获取table的所有id,从上到下放到一个string里面，在数据库里面只需要按顺序更新所有的id的默认从0开始的sort即可

html:

$(function(){
	//上移
	var $up = $(".up");
    $up.click(function() {
        var $tr = $(this).parents("tr");
        if ($tr.index() != 1) {
        	/* var id=$("#id").val();
        	var idsort=$("#sort").val();