欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery实现表格的数据拖拽

程序员文章站 2024-02-19 21:46:52
jquery实现将一个ant-table的数据拖拽复制到另一个ant-table,供大家参考,具体内容如下需求1、ant-design-vue2、将一个嵌套在drawer中的table数据拖拽复制到d...

jquery实现将一个ant-table的数据拖拽复制到另一个ant-table,供大家参考,具体内容如下

需求

1、ant-design-vue
2、将一个嵌套在drawer中的table数据拖拽复制到drawer外面的table中

效果

拖拽中

jQuery实现表格的数据拖拽

拖拽后

jQuery实现表格的数据拖拽

html

js

注意事项

1、drop和drag区域要配置相同的scope
2、为了避免拖拽的helper被遮住,drag要配置zindex和appendto
3、如果表格有翻页或者查询功能,列表数据会刷新,jq的拖拽会失效,在getlist请求方法成功之后,在初始化一次拖拽事件即可,然后使用$emit让父组件接收一下

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。