2

Meteor でレンダリングされたテンプレート用に、jQuery-UI を使用したドラッグ アンド ドロップ機能を Meteor アプリに追加しています。.renderedテンプレートのコールバックを使用することで、draggableおよびdroppableウィジェットを問題なく設定できます。

トリックの部分は、ドロップが発生したときです。jQuery-UI は、コールバックでイベントとオブジェクトを提供します: http://api.jqueryui.com/droppable/#event-drop。ただし、コレクションの更新など、ドラッグ可能およびドロップ可能で何かを行うには、流星テンプレート インスタンスまたは基になるコレクション データ ID のいずれかを見つける必要があります。

これを行う最善の方法は何ですか?私が見た中で最も近いものは、_spark_fooObjectIdMeteor によって追加されたと思われるプロパティです。しかし、それはどういう意味ですか?

ここに画像の説明を入力

https://github.com/meteor/meteor/wiki/Sparkを読んだことに基づいた私の最初の試みは、次のことを試すことです。

drop: (event, ui) ->
  console.log Spark.getDataContext(ui.draggable)

ただし、これは を返しますnull。他のアイデアはありますか?

4

2 に答える 2

0

おっと、それはほんのわずかな見落としでした。正しい解決策は

Spark.getDataContext(ui.draggable.context)

ui.draggablejQuery オブジェクトであるためです。

于 2013-08-02T22:02:29.310 に答える