問題タブ [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.
javascript - Dojoでソースアイテムのドラッグを検出する方法は?
ドラッグ アンド ドロップの目的で dojo dnd パッケージを使用しています。ノード要素の移動に使用できる Moveable クラスがあり、コードは次のようになります。
および移動アイテムは、次の行で追跡できます( onMove イベントを使用)
dojo/dnd/Source を使用して同じことを達成することは可能ですか?
javascript - Dojo DGrid - 列のラベルにボタンを追加するにはどうすればよいですか?
私の目標は、各列にラベルと、コメントと呼ばれるラベルのすぐ隣にあるボタンがある dGrid を作成することです。
slot_header != "" の場合のみ、それ以外の場合は列をまとめて非表示にします。「」を渡すと、隠蔽が機能します。header = "HELLO" を渡すと、列のラベルは次のようになります。
"HELLO[Widget dijit.form.Button, dijit_form_Button_19]" ゴールは "HELLO"CLICKABLEBUTTON
私はPHPを使用してグリッドをインスタンス化し、次にrenderCellでlang.hitchを使用してdomNodeに入るものを構築しています。
javascript - DGrid - ドラッグ アンド ドロップ使用時の単一選択モード -> 複数選択の結果
次のプロパティを使用して DGrid を機能させようとしています。
- ドラッグアンドドロップ
- 単一選択
残念ながら、これは私が望んでいたほど簡単には機能しません。DGrid を次のように宣言しています。
ほとんどの場合、これはうまく機能します。DnDは機能しています。選択はほとんど機能しています。時々奇妙な状態があります。これらはケースです:
シフトセレクト:
シフト選択を実行すると、複数のアイテムが選択されているように見えます。それらには、次の css クラスが添付されます。
イベントをリッスンするdgrid-select
と、選択された要素が正しく報告されます。
選択した要素をドラッグしようとしても正しく動作します -> それらの 1 つだけが移動します。
編集: Shift Selectの問題に対する解決策を見つけました。 以下の回答として投稿されています。私はまだ次の問題を理解することができませんでした。
プログラムによる選択解除:
私が次のことをした場合:
- アイテムを一つ選べ
- プログラムですべての選択を解除します。
this._grid.clearSelection();
- プログラムで別の項目を選択します。
this._grid.select(row);
- 2 つのアイテムが選択されているように見えます。
2つのアイテムはスタイルが異なります。間違ったものには次のものがあります:
正しいものは次のとおりです。
以前と同様に、イベントをリッスンするdgrid-select
と、選択された要素が正しく報告されます。
これは、問題を引き起こしているデフォルトの dojo DnD モジュールのようです。ドキュメントを見ると、セレクターで何かをする必要があるようです。Selector にはプロパティがありますsingular
が、これを設定する方法/場所がわかりません。
特異点に関する情報: https://dojotoolkit.org/reference-guide/1.9/dojo/dnd.html#id2
javascript - dojoドラッグアンドドロップ絶対位置にドロップする方法は?
div をターゲットにドラッグしようとしています。アイテムをドロップするときに、ドロップした位置のターゲットに配置したい。
Dojo dnd を使用する必要があります。私が抱えている問題は、ドロップされたアイテムの位置を更新できるように、アイテムをドロップした位置を見つけることです。
ドロップされたポジションにはどこからアクセスできますか?
Dojo ドロップ イベントにサブスクライブしようとしました。
私が見つけた唯一の位置は、lastX と lastY でした。
どんな助けでも素晴らしいでしょう!
ありがとう、
dojo - Intern:Leadfoot - ドラッグ アンド ドロップのテスト
Dojo ウィジェットとドラッグ アンド ドロップ機能を使用する Web アプリケーションがあり、それをテストするために Intern を使用しています。ここで、ドラッグ アンド ドロップ メカニズムをテストしたいと思います。このために、Leadfoot のヘルパーである DragAndDrop.js を使用したいと考えていました。
スクリプトの例に見られるように、私のコードは次のとおりです。
このコードは promise チェーンの一部であるため、return ステートメントがあります。
ただし、動作していないようで、ブラウザでもセレンでもインターン側でも、エラー|例外は発生しません。正直なところ、どこから始めればよいかわかりません。なにか提案を?さらに情報を提供してもよろしいですか?