問題タブ [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 投票する
0 に答える
86 参照

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

Jquery Droppable 構文は次のとおりです。

jquery ドラッグ可能は Dojo Movable で実現できます -リンク

ドロップ可能のヒントはありますか?

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

javascript - Dojoでソースアイテムのドラッグを検出する方法は?

ドラッグ アンド ドロップの目的で dojo dnd パッケージを使用しています。ノード要素の移動に使用できる Moveable クラスがあり、コードは次のようになります。

および移動アイテムは、次の行で追跡できます( onMove イベントを使用)

dojo/dnd/Source を使用して同じことを達成することは可能ですか?

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

javascript - Dojo DGrid - 列のラベルにボタンを追加するにはどうすればよいですか?

私の目標は、各列にラベルと、コメントと呼ばれるラベルのすぐ隣にあるボタンがある dGrid を作成することです。

slot_header != "" の場合のみ、それ以外の場合は列をまとめて非表示にします。「」を渡すと、隠蔽が機能します。header = "HELLO" を渡すと、列のラベルは次のようになります。

"HELLO[Widget dijit.form.Button, dijit_form_Button_19]" ゴールは "HELLO"CLICKABLEBUTTON

私はPHPを使用してグリッドをインスタンス化し、次にrenderCellでlang.hitchを使用してdomNodeに入るものを構築しています。

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

javascript - DGrid - ドラッグ アンド ドロップ使用時の単一選択モード -> 複数選択の結果

次のプロパティを使用して DGrid を機能させようとしています。

  • ドラッグアンドドロップ
  • 単一選択

残念ながら、これは私が望んでいたほど簡単には機能しません。DGrid を次のように宣言しています。

ほとんどの場合、これはうまく機能します。DnDは機能しています。選択はほとんど機能しています。時々奇妙な状態があります。これらはケースです:


シフトセレクト

シフト選択を実行すると、複数のアイテムが選択されているように見えます。それらには、次の css クラスが添付されます。

ここに画像の説明を入力

イベントをリッスンするdgrid-selectと、選択された要素が正しく報告されます。

選択した要素をドラッグしようとしても正しく動作します -> それらの 1 つだけが移動します。

編集: Shift Selectの問題に対する解決策を見つけました。 以下の回答として投稿されています。私はまだ次の問題を理解することができませんでした。


プログラムによる選択解除:

私が次のことをした場合:

  1. アイテムを一つ選べ
  2. プログラムですべての選択を解除します。this._grid.clearSelection();
  3. プログラムで別の項目を選択します。this._grid.select(row);
  4. 2 つのアイテムが選択されているように見えます。

ここに画像の説明を入力

2つのアイテムはスタイルが異なります。間違ったものには次のものがあります:

正しいものは次のとおりです。

以前と同様に、イベントをリッスンするdgrid-selectと、選択された要素が正しく報告されます。


これは、問題を引き起こしているデフォルトの dojo DnD モジュールのようです。ドキュメントを見ると、セレクターで何かをする必要があるようです。Selector にはプロパティがありますsingularが、これを設定する方法/場所がわかりません。

特異点に関する情報: https://dojotoolkit.org/reference-guide/1.9/dojo/dnd.html#id2

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

javascript - dojoドラッグアンドドロップ絶対位置にドロップする方法は?

div をターゲットにドラッグしようとしています。アイテムをドロップするときに、ドロップした位置のターゲットに配置したい。

Dojo dnd を使用する必要があります。私が抱えている問題は、ドロップされたアイテムの位置を更新できるように、アイテムをドロップした位置を見つけることです。

ドロップされたポジションにはどこからアクセスできますか?

Dojo ドロップ イベントにサブスクライブしようとしました。

私が見つけた唯一の位置は、lastX と lastY でした。

どんな助けでも素晴らしいでしょう!

ありがとう、

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

dojo - Intern:Leadfoot - ドラッグ アンド ドロップのテスト

Dojo ウィジェットとドラッグ アンド ドロップ機能を使用する Web アプリケーションがあり、それをテストするために Intern を使用しています。ここで、ドラッグ アンド ドロップ メカニズムをテストしたいと思います。このために、Leadfoot のヘルパーである DragAndDrop.js を使用したいと考えていました

スクリプトの例に見られるように、私のコードは次のとおりです。

このコードは promise チェーンの一部であるため、return ステートメントがあります。

ただし、動作していないようで、ブラウザでもセレンでもインターン側でも、エラー|例外は発生しません。正直なところ、どこから始めればよいかわかりません。なにか提案を?さらに情報を提供してもよろしいですか?