本文介绍了如何借助layui-soul-table插件实现layui表格中行顺序的改变。首先，确保按照官方步骤完整引入插件，避免因只导入部分文件导致的错误。操作流程包括：用户拖动行触发更改，服务器端更新数据序号，前端通过回调函数重载表格以反映排序变化。同时，文章讨论了新增和删除数据时序号处理的细节，以及实现上移和下移功能的难点。
参考：https://saodiyang.gitee.io/layui-soul-table/#/zh-CN/component/basic/row-drag
使用的是layui-soul-table插件
注意：严格按照官网的安装步骤执行，（自己存在的问题：因为自己项目的要求只需要实现行移动，所以就以为这个插件下的js文件只需要导入soulTable.js。结果报错。。。所以还是全部导入就好了）
实现思路：页面触发行移动的操作（通过layui-soul-table插件实现）》访问服务器修改修改数据库中存储的数据序号
》回到前端，回调函数：重载表格（表格顺序是按数据序号排序的）》这样就实现了数据排序的变化
除此自外还需要考虑：1.新增的数据序号应该是：新增前最大序号+1=》实现：将序号从0开始，那么新增数据的序号就是数据总数（复合sql）： insert into course
(cname,pl_id,season,time,weather,l_id,csort)
最低0.47元/天 解锁文章
扫一扫
1175
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
