Meteor でレンダリングされたテンプレート用に、jQuery-UI を使用したドラッグ アンド ドロップ機能を Meteor アプリに追加しています。.rendered
テンプレートのコールバックを使用することで、draggable
およびdroppable
ウィジェットを問題なく設定できます。
トリックの部分は、ドロップが発生したときです。jQuery-UI は、コールバックでイベントとオブジェクトを提供します: http://api.jqueryui.com/droppable/#event-drop。ただし、コレクションの更新など、ドラッグ可能およびドロップ可能で何かを行うには、流星テンプレート インスタンスまたは基になるコレクション データ ID のいずれかを見つける必要があります。
これを行う最善の方法は何ですか?私が見た中で最も近いものは、_spark_fooObjectId
Meteor によって追加されたと思われるプロパティです。しかし、それはどういう意味ですか?
https://github.com/meteor/meteor/wiki/Sparkを読んだことに基づいた私の最初の試みは、次のことを試すことです。
drop: (event, ui) ->
console.log Spark.getDataContext(ui.draggable)
ただし、これは を返しますnull
。他のアイデアはありますか?