Question

我正在使用Dragula包在我的Angular 2项目中实现拖放。它工作正常。非常容易使用捆绑功能。

https://github.com/valor-software/ng2-dragula

但我想突出显示目标容器，以强调即将到来的下降位置。有一个简单的方法吗？我知道JavaScript支持这一点所以我只是假设它也会在Dragula中暴露出来，但到目前为止我还没有找到它。

Answer 1

这很容易让我几乎感到尴尬：）

这只是使用提供的重复事件的问题。在我的自定义CSS类“possibleTargetContainer”中定义了所需的设计。

dragulaService.over.subscribe((value) => { this.onOver(value.slice(1)); });
dragulaService.out.subscribe((value) => { this.onOut(value.slice(1)); });

private onOver(args) {
    let [el, target, source] = args;
    target.classList.add("possibleTargetContainer");
}

private onOut(args) {
    let [el, target, source] = args;
    target.classList.remove("possibleTargetContainer");
}

再次感谢Dragula是一个非常好的和直截了当的lib！

在Dragula中突出显示目标容器

1 个答案: