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中
效果
拖拽中
拖拽后
html
js
注意事项
1、drop和drag区域要配置相同的scope
2、为了避免拖拽的helper被遮住,drag要配置zindex和appendto
3、如果表格有翻页或者查询功能,列表数据会刷新,jq的拖拽会失效,在getlist请求方法成功之后,在初始化一次拖拽事件即可,然后使用$emit让父组件接收一下
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读