【写在前面】应公司要求做一个调整优先级的功能,由于我们公司用到的是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依次往下排的呢?
大家可以思考一下,我后面将揭晓!

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





