资讯专栏INFORMATION COLUMN

用dragsort +bootstrap+php实现 table拖动自动保持排序,前面加序号及时更新

wing324 / 2377人阅读

摘要:插件美化实现拖拽排序,保持序号不变,但真实排序保持变化。代码说明为自定义请求,定义了数据接收处理和发送给后台方法。里面有具体处理数据的样式以及处理发送数据保存到数据库的小。其他文件顺序加载就好。

php+ajax+dragsort插件+bootstrap美化
实现拖拽排序,保持序号不变,但真实排序保持变化。

代码说明:

my.js为自定义ajax请求,定义了数据接收处理和发送给后台php方法。里面有具体处理数据的样式以及php处理js发送数据保存到数据库的小demo。

jquery.dragsort-0.5.2.js 为插件内容,需要依赖jquery,为了实现效果其中我增加了282-297行,其他不变。

其他文件顺序加载就好。

统一包下载地址:百度网盘

dragsort官网

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/21214.html

相关文章

  • 手摸手,带你用vue撸后台 系列三(实战篇)

    摘要:社区的认可目前已经是相关最多的开源项目了,体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。 完整项目地址:vue-element-admin 系类文章一:手摸手,带你用vue撸后台 系列一(基础篇)系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台 系列三(实战篇)系类文章四:手摸手,带你用vue撸后台 系列...

    Channe 评论0 收藏0
  • 手摸手,带你用vue撸后台 系列三(实战篇)

    摘要:社区的认可目前已经是相关最多的开源项目了,体现出了社区对其的认可。监听事件手动维护列表这样我们就简单的完成了拖拽排序。 完整项目地址:vue-element-admin 系类文章一:手摸手,带你用vue撸后台 系列一(基础篇)系类文章二:手摸手,带你用vue撸后台 系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台 系列三(实战篇)系类文章四:手摸手,带你用vue撸后台 系列...

    zgbgx 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<