Dojoを使用して、dojoのdndでアプリケーションを構築しようとしています。私はこの問題に対する答えを見回しましたが、これをどうやって達成するのか分かりません。私はある種の方法でhtml/cssでフォーマットされたたくさんの製品があるSourceオブジェクトを持っています。これらのオブジェクトをターゲットオブジェクトにドラッグすると、ドロップされたアイテムは以前と同じように見えます。私はそれを落とした後に違ったフォーマットをしたい。どのようにこれを行うにはどのようなアイデア?Dojoドラッグアンドドロップ:ドロップされたアイテムをフォーマットする方法は?
2
A
答えて
2
これは、creator
ファンクションリファレンスをソースオブジェクトに渡すことで行います。あなたのHTML(DIVまたは何でも)に続いて
function myCreator(item, hint) {
var myDiv = dojo.create('div', { innerHTML: item.name });
if (hint == 'avatar') {
// create your avatar if you want
myDiv.innerHTML = 'I'm an avator of ' + item.name;
}
return {node: myDiv, data: item, type: item.type};
}
:
<div dojoType="dojo.dnd.Source" creator="myCreator"></div>
作成したい場合は、道場1.3を持っているし、あなたのJSでdojo.create.
を使用することができると仮定すると、
プログラムによってSource
アイテムを作成してください。
var dnd = new dojo.dnd.Source(someNode, { creator: myCreator });
上記の例ではitem.name
を使用しました。これはあなたのアイテムに依存しますが、おそらく別のフィールドを使用することになります。
dojo.dnd
ページを作成する際の優れた手順は、the SitePen blogです。
0
topic.subscribe("/dnd/drop", function(source, nodes, copy, target) {
target.forInSelectedItems(function(item, id) {
//alert(document.getElementById(id));
if (document.getElementById(id).innerHTML == "something from your source") {
//create what you want, and add it to id
}
}
}
関連する問題
- 1. Dragドラッグでドロップされたアイテムの位置を保存ドラッグアンドドロップ、リアクションバージョン
- 2. ドロップ可能領域jqueryでドロップされたアイテムをカウントする方法
- 3. キャンセルされたアイテムのドロップを防ぐ方法
- 4. ドラッグアンドドロップで接続されたアイテム
- 5. Listview内のアイテムのアイテムをドロップする、正確なドロップ位置またはインデックスを取得する方法
- 6. jQueryのドラッグ&ドロップ - ドロップされたアイテムごとに異なるモーダル?
- 7. Dojoドラッグ・アンド・ドロップ
- 8. "list in list"(ネストされたリスト)のDojoドラッグアンドドロップ
- 9. ドラッグアンドドロップ - ドロップ可能部分を簡略化する方法
- 10. jQueryドラッグ可能/ドロップ可能 - ドロップされたアイテムをすべて削除する
- 11. HTML5のドラッグアンドドロップ、またはJqueryUIのドラッグ&ドロップ?
- 12. Dojo DataGrid選択されたアイテムをロードする
- 13. D3jsはオブジェクトをドラッグアンドドロップし、ドロップされた場所を検出します。
- 14. Jqueryドロップされたリストからアイテムを削除する
- 15. エンキューされたメッセージをactivemqにドロップする方法は?
- 16. ドロップされたオブジェクトの属性を取得する方法は?
- 17. ドロップされた(リンクされた)画像のURLを取得する方法は?
- 18. ドラッグ&ドロップ - アイテムがドロップされた場所をテーブル形式で保存します
- 19. HTML5ドラッグアンドドロップ対jQuery UIドラッグ&ドロップ
- 20. アプリケーションアイコンにドラッグアンドドロップされたファイルをキャッチして開く方法は?
- 21. HTML - ドラッグアンドドロップ - 特定の場所にドロップされない場合、アイテムを元に戻す
- 22. iOS11カスタムビューでドロップされたカスタムファイルを処理する方法
- 23. jQuery UI - ドロップされたdraggableを復元する方法
- 24. NS3のPointToPointHelperでドロップされたパケットをpcapする方法
- 25. ListBoxアイテムのドラッグアンドドロップ
- 26. フォーマットされたfloatをobj-cで印刷する方法は?
- 27. フォーマットされたティックを動的に追加する方法は?
- 28. フォーマットされたDecimal値をSwiftに印刷する方法は?
- 29. アンドロイドでドラッグアンドドロップした後にドロップされたオブジェクトを移動することは可能ですか?
- 30. Dojo 1.7とDojo 1.6の両方を実行する方法は?
ありがとうSeth - 私はdnd Sourceの作成機能を使用していましたが、あなたもそれをTargetでも使用できるとは思いませんでした。ありがとう! – Calvin
ああ...ええ。道場はそんなに卑劣です。 TargetはSourceのサブクラスです。 – seth