为什么拖放在此 PrimeNG 树中不起作用？

Question

我已经使用 PrimeNG 的 Tree 几个月了，今天发现拖放不再有效。我没有收到任何错误，我只是无法抓住树中的一个节点。

我将树和数据简化为如下所示，以验证它在我的代码的其他部分中没有什么奇怪的。

这是在 angular HTML 模板中（几乎直接来自 https://www.primefaces.org/primeng/v11/#/tree/dragdrop）：

<p-tree [value]="testNodes" 
        [draggableNodes]="true"
        [droppableNodes]="true"
        draggableScope="self"
        droppableScope="self">
</p-tree>

这是在angular TS代码中：

import { TreeNode, TreeDragDropService } from 'primeng/api';
...
@Component({
    selector: 'app-folder-tree',
    providers: [TreeDragDropService],
    templateUrl: './folder-tree.component.html',
    styleUrls: ['./folder-tree.component.scss']
})
export class FolderTreeComponent implements OnInit, OnChanges {
    public ngOnInit(): void {
        this.testNodes = [{
            label: "Root", children: [
                { label: "Sub 1" },
                { label: "Sub 2" }
            ]
        }]
        ...
    }
    ...
}

这渲染得很好，但我不能拖动任何节点。

在 Angular 应用中使用 PrimeNG 版本 11.4.2，运行 Angular 11.2.3 在 Chrome、版本 90、Edge 版本 91 中测试。

任何人都可以建议我可以尝试 troubleshoot/fix 这个吗？

谢谢

Answer 1

追踪到 index.html 中添加的这个！...

<body onDragStart="return false;"
  onDragEnter="return false;"
  onDragOver="return false;"
  onDrop="return false;">
<app-root></app-root>

为什么拖放在此 PrimeNG 树中不起作用？

Why is drag and drop not working in this PrimeNG tree?

drag-and-drop

angular

primeng-tree