問題タブ [dojo-dnd]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
200 参照

dojo - dojo ドラッグ アンド ドロップ: 新しいノードを追加したくない

一部のプロパティがドラッグ可能なアイテムとして表されるユーザー インターフェイスがあり、それらをツールバーからドラッグして、受信アイテムにドロップし、更新することができます。このために、Dojo のドラッグ アンド ドロップを使用しています。いくつかの Dojo Dnd ソース、ターゲット、いくつかの受け入れタイプがあり、すべてがうまく機能しています。

ソースのノードをターゲットに実際に移動またはコピーしたくないことを除いて。ドロップが発生したら、問題のターゲットを変更したり、必要に応じて UI で他の更新を行ったりできるように、イベント ハンドラーを起動するだけです。

これを行う最善の方法は何ですか?

null クリエーター関数のバリエーションを試したり、onDrop ハンドラーでキャンセルを呼び出したり、onDrop ハンドラーに渡されたノードを親から削除したりしましたが、これらの方法はどれも機能していないようでした。

ご協力ありがとうございます。

0 投票する
1 に答える
1292 参照

dojo - dojoでinsertnodesを使用するときにidを設定します

insertNodesを使用すると、ノードに一意のIDが作成されます。

新しいノードのIDとして特定の名前/テキストを割り当てるにはどうすればよいですか?

0 投票する
3 に答える
1652 参照

javascript - Dojoドラッグドロップの問題:ターゲットDNDコンテナ内のアイテムの並べ替え

私のJavaScriptコードは以下の通りです

//私はJsonを持っています:

// DNDコンテナにリストされているすべてのロール名を取得するには、forループを使用しました。

//ドラッグアンドドロップ用の2つのブロックの2つのコンテンツペインは次のとおりです

//ボーダーコンテナ

//ボーダーコンテナの内容を設定します

私の質問は、要素をDNDコンテナから別のコンテナにドラッグした場合、IDやアルファベットなどでアイテムをどのように配置/並べ替えることができるかということです。

例(下の画像)

両方のコンテナの初期状態 ここに画像の説明を入力してください

いくつかのアイテムを2番目のDNDコンテナにドラッグアンドドロップした後 ここに画像の説明を入力してください

次のように、2番目のDNDコンテナのアイテムを強制的に完全に並べ替えるにはどうすればよいですか。 ここに画像の説明を入力してください

誰か助けてもらえますか?ありがとうございました

0 投票する
1 に答える
104 参照

javascript - ドラッグ可能なノード内のテキストを変更してから、このノードを別のコンテナにドラッグすると、古い値が戻ってきます

dojo.dnd コンテナー (UL タグ) があります。その中にタグがあり (LI タグ内)、ブラウザーでこの INPUT の値を変更してから、この LI を別のコンテナーにドラッグします。ドロップした後、入力フィールドに古い値が表示されます。入力フィールドで新しい値を失わないように助けてもらえますか

ありがとう

ドラッグ前、値変更後 ドラッグ前、値変更後

落とした後 ここに画像の説明を入力

0 投票する
2 に答える
1238 参照

dojo - Dojo dnd (ドラッグ アンド ドロップ) 1.7.2 - 別の (非 Dojo-dnd) リストを維持する方法は?

私は Dojo dnd バージョン 1.7.2 を使用していますが、通常は非常にうまく機能しています。私は満足しています。

私のアプリは多くのアイテムの配列を保持しています。ユーザーがアイテムをドラッグ アンド ドロップすると、ユーザーが見ているコンテンツを反映するように配列が更新されるようにする必要があります。

これを達成するには、 の頃にコードを実行する必要があると思いますSourceonDndDrop

またはdojo.connectのソースにハンドラーをセットアップするために使用すると、コードの呼び出しが遅すぎるようです。つまり、ハンドラーに渡された には、実際には項目がありません。onDndDroponDropsource

ドラッグされている実際のデータを取得するために呼び出す必要があるため、これは問題です。これsource.getItem(nodes[0].id)により、配列内でそれを見つけ、それらの配列を更新して、ユーザーが行っている変更を反映させることができます。

おそらく私はこれについて間違っていると思います。より良い方法はありますか?

0 投票する
1 に答える
2498 参照

dojo - Dojo ドラッグ アンド ドロップ ソースからアイテムを削除/削除する方法は?

以下の Dojo DnD を使用していますが、catalogソースからアイテムを削除および追加する方法がわかりません。私が最終的にやりたいことは、ユーザーに次のことを許可することです:

  1. アイテムを から にドラッグcatalogwishlistます ... これは正常に機能しています。
  2. [リストのクリア] ボタンをクリックしcatalogて、 に移動されなかった の残りのアイテムを削除します... サポートが必要です。wishlist
  3. catalog以下のコードにリストされていない別のボタンをクリックして、新しい項目を に追加できるようにするには... ここで助けが必要です。

要約すると、アイテムを削除したり、 との間でアイテムを追加したり、catalog移動したアイテムを に残す方法を知る必要がありwishlistます。

0 投票する
1 に答える
180 参照

javascript - Dndアバター:dragOverでwysiwygプレビューを取得するには?

お客様から、次のシナリオのサポートを依頼されました。

  • ページにはdiv、同時にある container: 要素がありdojo.dnd.Sourceます。
  • コンテナ内にはdiv、同様のコンテンツを持つ 9 つの要素があります: 2 つのボタンと 2 つのコンボボックス

  • divユーザーは、コンテナー内でドラッグするだけで、これらの 9 つの要素のシーケンスを定義できる必要があります。

タスクは、ドラッグ中に可能なレイアウト プレビューを表示することです。

どんなアイデアでも感謝します。

0 投票する
2 に答える
644 参照

dojo - dojo / dnd/Sourceのアイテムに画像を追加する方法

ソースとターゲットの場所を使用して、dndソリューションを作成しました。現在、ドラッグは双方向です。ソースへの1方向のターゲットにしたいです。次に、ソースから各アイテムに画像を追加し(削除アイコン)、ユーザーがアイコンをクリックしてレコードを正しいターゲットに送り返すことができるようにします。

パート1、dndを一方向にする方法、パート2、各アイテムに画像を追加する方法を理解しようとしています。

ありがとう

0 投票する
0 に答える
325 参照

javascript - dojo/dnd/autoscroll: リスのような自動スクロール速度を妨げる方法

高さ 120px の dgrid で dnd を使用していますが、ドロップ ターゲットに到達することはほぼ不可能です。デフォルトの自動スクロール機能は、この小さなグリッドには速すぎます。加速値を設定したり、スクロール速度をグリッドの端に近づけたりする方法はありますか?

これまでのところ dojo.dnd.autoscroll を見つけましたが、これらのプロパティはスクロール速度とは無関係のようです。

1 つの解決策は、autoScrollNodes を変更して autoscroll.js を直接変更することです。

0 投票する
1 に答える
493 参照

jquery - jquery draggableに相当する道場は何ですか

私は道場に不慣れです。私のjqueryのドラッグ可能な関数は次のようになります。

dojo では、dojo/dnd または dojox/floatingpane を使用して上記と同じ結果を得ることができますか。このdojo dnd の例ではあるリストから別のリストへの要素の移動を扱っていますが、jquery draggable に似ているとは思いません。