問題タブ [dojo-dnd]

div内に入力ボックスがあり、divには背景画像があり、その中の入力ボックスは配置され、背景画像とうまく連携するようにサイズ/フォントが制限されています。FF ではすべてが期待どおりに動作しますが、IE では大きな問題があります。マウスを使用して入力ボックス内のテキストを選択することも、Shift-End/Home、Ctrl-Left/Right などのショートカットを使用することもできません。マウス キーを使用して移動し、delete/backspace キーを使用してテキストを調整できます。HTML は次のようになります。

どんな洞察も大歓迎です。

さらに情報を追加したいと思います。Dojo dnd ターゲットを外側の div にアタッチしています。DND を添付しない場合は、選択を行うことができます。DND を添付すると、テキストを選択できなくなります。

Dojo DnD を使用して入力ボックスの内容を移動しようとしているので、HTML は次のようになります。

JavaScript は次のようになります。

しかし、何らかの理由で実際のドラッグ操作をしようとすると、ドラッグが行われません。

親 div の下にネストされた 2 つの div があり、これらすべてを dojo.dnd のソースおよびターゲットにしたいと考えています。

コンテンツがドロップされた div にノードを追加し、ユーザーがこれを 3 つの div 間で移動できるようにしたいと考えています。

このようなもの - http://www.upscale.utoronto.ca/test/dojo/tests/dnd/test_nested_drop_targets.html

これは古いバージョンの Dojo で実装されていると思われ、1.4 では機能しないようです。

ネストされたターゲットのサポートは削除されましたか? これを達成する方法はありますか？

dnd.source以前に作成した受け入れを変更する関数を呼び出す必要があります。既存のものを変更する方法についてのアイデアdojo.dnd.sourceは素晴らしいでしょう。私が作成したコード：

私の英語でごめんなさい、私はまだ学んでいます。再度、感謝します。

オプションで dnd が有効になっている dijit ツリーがありdndController="dijit._tree.dndSource"ます。現在、ドラッグが開始されると、アバター コンテンツが右揃えになっているように見えます。アバターは、ドラッグされているアイテムの画像とテキスト コンテンツを自動的に選択しますが、この情報を揃えておきたいと思います。

ツリーのカスタムクリエーター関数を書くことが解決策だと思いますが、同じ例は見つかりません。dijit ツリーのアバターがクリエーター機能を使用してカスタマイズされている例を教えてもらえますか?

ありがとう、
フェル

Dojo.dnd を使用して、エリア間でアイテムを転送しています。問題は、アイテムをドロップすると所定の位置にスナップされますが、アイテムをドロップした場所にとどめておきたいのですが、1 つの領域だけです。

これをよりよく説明するための小さなコードを次に示します。

dojo.dnd.Source「dropZone」は、「itemNodes」(プログラムで作成) と「targetZone」の2 つの領域を含む DIV です。アイテム (画像を含む DIV) は、単純なリストから「itemNodes」から「targetZone」にドラッグし、ドロップされた場所に留まる必要があります。それらが「targetZone」からドラッグされるとすぐに、「itemNodes」内のリストにスナップバックする必要があります。

アイテムの作成に使用するコードは次のとおりです。

しかし、この方法ではアイテムのリストが 2 つしかないため、「targetZone」にドロップされたアイテムは、ドロップした場所にとどまりません。dojo.query(".dojoDndItem").forEach(function(node)すべてのアイテムを取得して「可動」タイプに変更するループを試しました。

• を使用dojo.dnd.move.constrainedMoveableするとアイテムが変更され、いつでも移動できるようになります (「itemNodes」でも)。
• 「ボックス」を使用しdojo.dnd.move.boxConstrainedMoveableて「targetZone」の境界に定義すると、「targetZone」内でアイテムを移動するだけで済みますが、アイテムをドロップするとすぐに、アイテムをつかんで元に戻すことができません。(奇妙な:dojo.connect(node, "onMoved"ここでは機能しません。イベントは何があっても発火しません。)

ここで質問があります。項目を前後に移動できる 2 つの dnd.Sources を作成し、項目を一方のソースでのみ「移動可能」にすることは可能ですか?
または、アイテムを移動可能にするなどの回避策はありますか?それらが「targetZone」にドロップされていない場合、それらは「itemNodes」のリストに自動的に戻されますか?

ページが送信されたら、「targetZone」に配置されたすべてのアイテムの位置を保存する必要があります。(次のステップは、グリッドが既に満たされている場合、ページの読み込み時に「targetZone」内にアイテムを配置することですが、最初から機能させることができれば幸いです。)

どんなヒントでも大歓迎です。

こんにちは、Select0r

私は dojo.dnd.Moveable を使用して、ページ内で DIV をドラッグ アンド ドロップ可能にします (iGoogle のようなもの)。しかし、問題は、それらを移動可能にした後、すべての入力フィールド (テキスト ボックスやリスト ボックスなど) が無効になり、テキスト フィールドに何かを書き込んだり、リスト ボックスから項目を選択したりできなくなることです。

どうすればいいですか？

Tnx/ゴリ

私はEclipse 3.6で奇妙な問題を抱えています.コピーと貼り付けが多くの遅れを引き起こします. 私は Helios 3.6 PHP ビルドを使用していますが、Galileo も試してみましたが、役に立ちませんでした。PHP コードを編集する .php ファイルでは問題なく、遅延はありません。.html および .js と同じですが、.php ファイルに埋め込まれた Dojo スクリプト (基本的には Javascript) をコピー アンド ペーストしようとした場合にのみ発生します。問題を引き起こしている可能性があるのは、次のように宣言されていないことです。

むしろ次のように：

そのため、エディタには特別な書式設定はまったくありません。これは、IDE が本来あるべき「言語」を認識しないためだと思います。その結果、テキストは純粋な黒で、書式設定、フォントの変更、強調表示は一切ありません。

どうもありがとう！

デフォルトでは、dojo.dnd.Source コンテナーを使用すると、Ctrl キーを押したままにして、ドラッグしたアイテムを単に移動するだけでなく、複製/コピーすることができます。

singular=true を設定して複数のアイテムのドラッグを停止できることは知っていますが、コピーを停止するにはどうすればよいですか? アイテムの複製は、アイテムのコンテキストでは意味がありません (Web サイト メニューでページを並べ替えるためのドラッグ可能なリストを作成しています)。

ありがとう

こんにちは、ドラッグ アンド ドロップ機能をプロジェクトに実装しようとしていますが、いくつかの点で少し問題があります。私が抱えている問題の 1 つは、カスタム アバターの作成に関するものです。カスタム アバターを作成することはできますが、CSS でいくつかの要素を少しチートして非表示にする必要があります。

以下は、コード全体ではなく、コードのスニペットです。必要なすべてのパッケージなどが必要です。

ご覧のとおり、DnD ソースを作成し、それにカスタム クリエーターを指定して、独自のカスタム アバターを構築しようとしています。実際のドラッグ可能なマークアップは次のとおりです。

canDrag から div 全体を追加するのではなく、画像や .product タイトルなどのさまざまな要素を取得して、それらを表示したいと思います。誰かに何かアイデアがあれば、事前に感謝します。また、私の質問が十分に明確でない場合は、言い換えてみることができます。

乾杯