パネルAにいくつかのアイテムがあり、配達時間などの説明がいくつかあります。異なる div のすべてのアイテム。2 番目のパネルには、午前 9 時、午前 10 時など、さまざまなタイミングのドライバーのリストがあります。
ここで、itemA を Panel1 から Panel2 の DriverA にドラッグ アンド ドロップするときに、アイテムをドロップされたドライバー (DriverA) とその特定のドライバーのセルにタイミングで追加する必要があります (アイテムが必要な場合など)午前 10 時に配達されると、午前 10 時のドライバーのセルの色が赤に変わります)。
jQuery ではドラッグ アンド ドロップがサポートされています。
http://www.codeproject.com/KB/webforms/JQueryPersistantDragDrop.aspxおよびjQuery のドキュメントを参照してください。
これは、jQuery などの JavaScript フレームワークと Prototype などの AJAX フレームワークを組み合わせて実行します。
jQuery で要素をドロップ可能にします: http://jqueryui.com/demos/droppable/
次に、Prototype と jQuery メソッドのコールバック関数を使用して、AJAX 呼び出しで情報を保存します。