JavaScript - ツリーコンポーネントにドラッグアンドドロップ機能を追加

私は現在、クリックイベントとダブルクリックイベントを持つツリーコンポーネントに取り組んでいます。次に、ドラッグ アンド ドロップ機能を追加したいと思います。ドラッグ アンド ドロップを実装するためのより良いアイデアを持っている人はいますか?mousedown やmousemove などのイベントがクリック イベントと競合する場合はどうすればよいですか?

怪我咯 2017-05-19 10:19:48 0  1  432

javascript - antd の Tree コンポーネントは、ドラッグ アンド ドロップの制限をサポートしていますか?

Tree コンポーネントをドラッグするときに、親ノードが子ノードのレベルにドラッグされないように制限したいと考えています。つまり、子ノードのみを上にドラッグできます。これはantdでサポートできますか?

ringa_lee 2017-05-19 10:32:01 0  1  935

javascript - 特定の条件が満たされたときにドラッグアンドドロップを停止するために、jquery uiのドラッグアンドドロップ機能を実装する方法

画像のように、右下の小さな点をドラッグすると画像をズームできます。jquery uiのズーム機能では満足できないため、これを自分で書きました。今度は右下の小さな点をドラッグする必要があります角を図 2 の位置までドラッグすると、左上方向にドラッグし続けることができなくなります。ずっとネットで探してたんですが…

某草草 2017-05-19 10:42:24 0  1  458

JavaScript - ファイルをブラウザにドラッグして取得するにはどうすればよいですか?

ページ上でクリックしてアップロードすると、クリックして入力ファイル内のファイル [0] を取得できます。ここで必要となるのは、画像をデスクトップからブラウザに直接ドラッグすることです。 files[0] の最初のファイルを取得するにはどうすればよいですか?

高洛峰 2017-06-12 09:25:02 0  1  701

JavaScript マップ マーカー プラグインを探しています

1. 以下のような効果を実現できるJavaScriptプラグインはありますか? 左側の3つのオブジェクトを右側の地図にドラッグできます 地図上にドラッグしてマウスを放すとマークが残りますマップ上で (マップの位置をマークするために使用されます)、マウスを放した後、編集可能なダイアログ ボックスがポップアップ表示されます。

怪我咯 2017-05-18 10:49:58 0  1  574

JavaScript - HTML5 のドラッグ アンド ドロップがパッド上で機能しない、その解決方法

パッドでは HTML5 ドラッグ アンド ドロップを使用できず、dragStart イベントをトリガーできません。

滿天的星座 2017-06-29 10:10:07 0  1  926

HTML でのドラッグ アンド ドロップ要素へのアクセス: 包括的なガイド

「dragenter」イベントは、ドラッグされた要素がドラッグ アンド ドロップ要素に入ると発生します。このイベントはドロップ要素にアタッチされているため、アクセスできます。ドラッグされた要素はどこにありますか?

P粉316890884 2023-08-01 10:13:18 0  1  534

mysql - ドラッグアンドドロップで並べ替えた後にデータベースに挿入するにはどうすればよいですか?

たとえば、10 ページの記事のページネーションで、シリアル番号は 1 ～ 10 です。1 ページにデータが格納されていますが、ランダムにドラッグした後、データベース内でデータを並べ替えるにはどうすればよいですか?? ドラッグ アンド ドロップ各ページの変更はリアルタイムでデータベースに保存されます。アイデアは 2 つあります。1 つは、すべてをローカルに保存し、すべてのページが送信されるまで待ってから投稿して保存する方法です。

某草草 2017-05-18 10:56:17 0  1  1118

JavaScript は複数の要素のドラッグ アンド ドロップ機能を実装します

特定の領域内で項目をドラッグ アンド ドロップできるようにするこのコードを見つけましたが、ドラッグされたオブジェクトの ID を取得する方法がわからないため、複数の要素をドラッグ アンド ドロップできるように書き直すことができません。 drop_handler 関数。 letoffsetX;letoffsetY;onDragStart=function(ev){constrect=ev.target.getBoundingClientRect();offsetX=ev.clientX-rect.x;off

P粉276064178 2024-01-10 16:54:21 0  1  487

JavaScript - アップロードするフォルダーをドラッグするときにフォルダー内の隠しファイルをフィルターで除外する方法

jQuery-File-Upload プラグインを使用する場合、ファイルまたはフォルダーをドラッグしてアップロードできます。フォルダーをドラッグしてアップロードすると、デフォルトですべてのファイル (隠しファイルを含む) がアップロードされますが、隠しファイルをアップロードする必要はありません。たとえば、このフォルダーには 6 つのファイルがあり、そのうち 3 つは非表示になっています...

阿神 2017-05-19 10:44:58 0  1  736

html5 - z-index はブラウザのデバッグでは有効ですが、携帯電話のテストでは無効です

ブラウザのデバッグ時、ドラッグ イベントが発生すると矢印が非表示になりますが、モバイル WeChat では使いにくいです。この要素にはアニメーション アニメーションがあります。アニメーションを削除すると有効になります。追加すると、アニメーションが有効になります。無効です。現在のスタイル ファイルにはフローティングがありません。位置の理由または理由はブラウザ内にあるはずです...

高洛峰 2017-07-04 13:45:06 0  2  1807

JavaScript マップ イーグルアイ プラグインを探しています

1. 以下の効果を実現できるJavaScriptプラグイン（Eagle Eyeプラグインというらしい）はありますか？右下の小窓には左側の地図のサムネイルが表示されており、小窓の青い部分をドラッグすることで左側の地図の表示範囲を変更できます。

高洛峰 2017-05-18 10:50:05 0  1  407

React + d3 - 私の <g> 要素が onClick リスナーに応答しないのはなぜですか

私は d3 を初めて使用するため、React と d3 の間にいくつかの競合がある可能性があることを知っています。これもその一つかもしれません。 d3 のスケーラブルな動作を実装する svg があります。 SVG内の要素をドラッグ可能にしたい。最初の試みは、コンソールに何かを記録するために onClick リスナーを配置することでしたが、うまくいきませんでした。ここで何が足りないのか説明してもらえますか？ d3 のスケーリング動作がクリック イベントをハイジャックしているのではないかと思います。ありがとう。コードは次のとおりです: ズーム機能を備えたグリッド。 importReact、{use...

P粉504080992 2024-01-29 13:48:01 0  1  484

状態の配列を並べ替えます

私は zustand を使用して ToDo 項目の配列を含むグローバル状態を作成しており、各 ToDo 項目の追加、削除、完了/元に戻すの切り替え機能を備えています。また、DndKit を使用して各 ToDo コンポーネントをドラッグ アンド ドロップし、グローバル コンテキストで並べ替えます。そのためには、次のように zustand ストアに reorderTodo 関数を作成する必要があります。 conshandleDragEnd=(event:any)=>{const{active ,over }=イベント;if(アクティブ.i

P粉741678385 2024-03-30 14:44:42 0  1  350

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  735