20、拖放操作的高级特性与实现

拖放操作的高级特性与实现

1. 幽灵拖动（Ghosting）

在某些情况下，我们不希望原始元素在拖动时离开其原始位置，因为这可能会导致不必要的重排。这时可以使用幽灵拖动，即拖动可拖动元素的临时克隆，这个克隆被称为幽灵（ghost）。

1.1 幽灵拖动选项

选项	描述
ghosting	是否使用幽灵拖动，即拖动元素的克隆而不是原始元素，默认为 false。

1.2 示例说明

当拖动表示数据实际移动时，普通拖动就足够了。但在其他情况下，如将物品放入购物车，物品仍然可以继续被选择，此时幽灵拖动就很有用。只需将 ghosting 选项设置为 true ，就可以拖动元素的幽灵而不是元素本身，这不会改变拖动的其他方面，如移动约束、恢复或效果。拖动完成后，可以使用回调钩子来操作原始元素。

2. 拖动与滚动（Dragging and Scrolling）

在高级用户界面中，有时需要让用户在可滚动容器内拖动元素。默认情况下，拖动系统不会处理这种情况，但可以通过设置相关选项来实现自动滚动。

2.1 相关选项

选项	描述