PrimeNG DragDrop 多个 droppables

Posted 2023-05-08

【中文标题】PrimeNG DragDrop 多个 droppables

【英文标题】：PrimeNG DragDrop multiple droppables

【发布时间】：2020-12-13 02:07:43

【问题描述】：

我有一些模拟看板的列 (div)。我有四列，但对于最后一列，元素可能来自第二列或第三列。我正在使用 primeNG 9.1.3 版

 <div class="ui-g-12 cockpit-card" *ngFor="let item of cockpitListPO.listOpen" pDraggable="open" (onDragStart)="openDragStart($event, item)" (onDragEnd)="openDragEnd($event)"> ...
 <div class="ui-g-12 cockpit-card" *ngFor="let item of cockpitListPO.listProgress" pDraggable="progress" pDroppable="open" (onDragStart)="progressDragStart($event, item)" (onDragEnd)="progressDragEnd($event)" (onDrop)="progressDrop($event)"> ...
 <div class="ui-g-12 cockpit-card" *ngFor="let item of cockpitListPO.listOk" pDraggable="ok" pDroppable="progress" (onDragStart)="okDragStart($event, item)" (onDragEnd)="okDragEnd($event)" (onDrop)="okDrop($event)"> ...
    
 <div class="ui-g-12 cockpit-card" *ngFor="let item of cockpitListPO.listCancel" pDroppable="ok" (onDrop)="cancelDrop($event)"> ...

从打开的列到进度、进度到 ok 和 ok 到取消都可以正常工作。我想发送到取消我已经尝试放置的进度和确定列表的元素pDroppable = "ok, progress" / pDroppable = "[ok, progress]" / pDroppable = "['ok', 'progress']"

谢谢

【参考方案1】：

你可以这样写

[pDroppable]='["header", "footer", "body"]'

【讨论】：

谢谢...这让我发疯了，文档没有说明如何处理数组。 [] 和引号是要检查的东西！！！