prime-ng drag/drop 与重新排序结合使用无效
prime-ng drag/drop in combination with reorder is not working
我正在尝试同时启用 drag/drop 和重新排序的 prime ng table。
我一次只能有一个工作,但是当我同时启用这两个功能时,只有重新排序才有效。
查看源代码,看起来掉落事件在重新排序时被消耗掉了。我有一个工作示例
demo
在这里,如果您从“可用”中删除[pReorderableRow]="index"
table,则拖放到“已选择”部分。
有没有办法让重新排序和 drag/drop 一起工作。
谢谢
尝试在 table
中绑定此事件
(onDragStart)="dragStart(产品)" (onDragEnd)="dragEnd()"
这是一个示例
<tr pDraggable="products" [pReorderableRow]="index" (onDragStart)="dragStart(product)" (onDragEnd)="dragEnd()">
然后在打字稿文件中尝试添加函数 dragStart(product) 和 dragEnd()
dragStart(data){
//console.log(data);
}
dragEnd(){
this.drop();
}
在dragend()方法中触发drop()方法。
我根据您提供的演示 link 对其进行了测试:
[link]https://stackblitz.com/edit/primeng-tablereorder-dragdrop-demo?file=src/app/app.component.html
我正在尝试同时启用 drag/drop 和重新排序的 prime ng table。
我一次只能有一个工作,但是当我同时启用这两个功能时,只有重新排序才有效。
查看源代码,看起来掉落事件在重新排序时被消耗掉了。我有一个工作示例 demo
在这里,如果您从“可用”中删除[pReorderableRow]="index"
table,则拖放到“已选择”部分。
有没有办法让重新排序和 drag/drop 一起工作。
谢谢
尝试在 table
中绑定此事件(onDragStart)="dragStart(产品)" (onDragEnd)="dragEnd()"
这是一个示例
<tr pDraggable="products" [pReorderableRow]="index" (onDragStart)="dragStart(product)" (onDragEnd)="dragEnd()">
然后在打字稿文件中尝试添加函数 dragStart(product) 和 dragEnd()
dragStart(data){
//console.log(data);
}
dragEnd(){
this.drop();
}
在dragend()方法中触发drop()方法。
我根据您提供的演示 link 对其进行了测试: [link]https://stackblitz.com/edit/primeng-tablereorder-dragdrop-demo?file=src/app/app.component.html