0

我已经使用 PrimeNG 的树几个月了，今天注意到拖放不再起作用。我没有收到任何错误，我根本无法抓住树中的节点。

我将树和数据剥离为裸露的骨骼，如下所示，以验证它在我的代码的其他部分中没有什么时髦的。

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

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

这是在角度 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。

任何人都可以建议我可以尝试解决/解决这个问题吗？

谢谢

4

1 回答 1

0

将其追踪到已添加到 index.html 中的内容！...

<body onDragStart="return false;"
  onDragEnter="return false;"
  onDragOver="return false;"
  onDrop="return false;">
<app-root></app-root>
于 2021-06-07T11:26:29.517 回答