HTML/JSのカスタムフィールドマッピング、ドラッグ＆ドロップ

Question

ユーザーがフィールドを他のフィールドに「マップ」できるインターフェイスを作成する必要があります。

左側のフィールドは内部データベースフィールドで、右側のフィールドは外部CRMアプリケーションに存在するフィールドです。

ユーザがフィールドをマッピングできるようにする必要があります。たとえば、内部フィールドfirstnameが外部フィールドFirstNameにマッピングされる何らかの形でUIが表示する3つのフィールド（ファーストネーム、会社名、電子メールアドレス）をマッピングする場合です。

誰かがツール/ jqueryプラグインを知っているかどうか疑問に思うだけのコードはありませんか？

私の現在のアイデアは、2つの選択ボックスを持ち、両方で値を選択してマッピングを追加させることです。これはうまくいくでしょうが、そこには滑らかな道があるかどうかは不思議です。

Answer 1

jQuery's Draggableがあり、要素をマウスで動かすことができます。

さらに、ドラッグ可能な要素のターゲットを作成するjQuery's Droppableもあります。

これらを組み合わせると、HTMLインターフェイスを作成するのに役立ちます。

すべて最高です。