【jqgrid表格拖拽】实现jqgrid表格拖拽调整顺序功能

本文介绍如何在使用jqGrid表格组件时,实现拖拽功能调整优先级,并探讨如何保持排序规则的有序性。核心方法涉及tableDnD插件的应用和后续排序逻辑的处理。

【写在前面】应公司要求做一个调整优先级的功能,由于我们公司用到的是jqgrid的表格组件,这样的话我这里主要针对jqgrid的表格如何拖拽来展开描述的
1、核心方法的使用

$("#jqGridIndexScriptList").tableDnD({
        scrollAmount: 0,
        onDrop: function (table, row) {
            debugger;
            var allList = table.rows;
            var strList = "";
            var newArray = [];
            for (var k = 1; k < allList.length; k++) {
                for (var j = 0; j < data.length; j++) {
                    if (allList[k].id == data[j].id) {
                        newArray.push(data[j]);
                    }
                }
                strList += allList[k].id + ",";
            }

            // $("#jqGridIndexScriptList").remapColumns(newArray, true, false);
            layer.alert("拖拽后的排序是:" + strList);
        },
    });
     gridComplete: function () {
            $("#_empty", "#jqGridIndexScriptList").addClass("nodrag nodrop");
            jQuery("#jqGridIndexScriptList").tableDnDUpdate();
        },

2、具体效果
在这里插入图片描述

3、最后思考
如何去调整前面的排序让顺序还是按照1-9依次往下排的呢?
大家可以思考一下,我后面将揭晓!

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT黄大大

有您的支持我将毕尽一生精力为您

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值