2016-10-18 5 views
1

Elm-0.17以降、elm-dragパッケージが動作しません。 著者は、それ以来意味がないと言いました。Elm 0.17を使用してドラッグ&ドロップを実装するにはどうすればよいですか?

https://github.com/jvoigtlaender/elm-drag/issues/2

そして指さ: http://elm-lang.org/examples/drag

しかし、それだけで落とさないでドラッグしています。

私が最初に考えたのは、ドロップターゲットのonMouseUpをキャッチすることでした。また、ドラッグイベントが何らかの形でモデルに反映されている場合には、いくつかのオンドロップアクションを実行します。

しかし、私はそれが正しい方法であるとは確信していません。 Elm 0.17でドロップを実装する適切な方法は何ですか?

+2

[リンクされた例](http://elm-lang.org/examples/drag)では、ドロップが効果的でupdate' 'の呼び出しです'Mouse.ups'サブスクリプションによってトリガーされる' DragEnd'メッセージです。ドロップの位置はその時点で利用可能です。 –

+0

ありがとう!私は何度も何度も例をとって行きました。 DragEndで利用可能なポジションとすべてのドロップターゲットを比較する必要がありますか? また、私は "helper"(jquery-draggableで名前が付けられている)が必要です。だから元のドラッグソースはその場所を維持し、動的に作成された要素はドラッグする必要があります。 初心者のためにすべてを実装するのは難しいですね。 –

答えて

2

mouseoverイベントでdrop targetをチェックするのではなく、drag targetと交差しているかどうかを確認するだけで十分です。私は、bounding-boxパッケージが役に立つと思う。

また、何らかの形でドラッグアンドドロップに関連するいくつかの例があります(任意のものはありませんが、drop targets)。おそらく彼らは助ける:elm-draggableパッケージを使用して

  • Draggble Tabs
  • Sortable List

      、。 ( 免責事項:私は著者よ)
  • 関連する問題