kendo-ui-angular2 - 将我自己的组件拖入可排序的

Question

是否可以将我自己的组件拖到 Angular 2 Sortable 的 Kendo UI 中？基本上，我想从页面的一部分拖动项目并将它们添加到 kendo-sortable 中，但不将它们从拖动的位置删除。

Answer 1

是的，这是可能的。有两种方法可以做到这一点。

• 更复杂的是实现您的SortableService。这适用于 SortableComponent 和您的 Component 并且完全符合您的需要。

• 第二种解决方案很简单：将组件包装在一个 Sortable 中，即使它只有一个项目。假设你有 SortableA 里面有你的原始组件。和 SortableB - 您将放置项目的目标。

  [zone]="zone1"为 SortableA 和SortableB设置[acceptZones] = "zone1"。此时，您将能够将单个项目从 SortableA 拖动到 SortableB。最后一件事是在 SortableA 的dataRemove 事件中调用 preventDefault 。这将使 SortableA 在放置时复制项目，而不是移动它们。