1

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

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

但我想突出显示目标容器以强调即将下降的位置。有没有简单的方法可以做到这一点?我知道 JavaScript 对此有支持,所以我只是假设它也会在 Dragula 中公开,但到目前为止我还没有找到它。

4

1 回答 1

2

这太容易了,我几乎感到尴尬:)

这只是使用提供的 over and out 事件的问题。在这种情况下,所需的设计是在我的自定义 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 是一个非常好的和直接的库!

于 2017-03-13T15:33:49.520 回答