drag-and-drop - 使用 javascript 拖放

Question

我在面板 A 中有一些物品以及一些描述，例如交货时间。不同 div 中的所有项目。在第二个面板中，我列出了具有不同时间的驱动程序，例如上午 9 点、上午 10 点等。

现在我需要，当我将 itemA 从 Panel1 拖放到 panel2 中的 DriverA 时，我希望该项目应添加到已放置的驱动程序（DriverA）和具有计时的特定驱动程序的单元格中（例如，如果项目必须上午 10 点交货，然后上午 10 点的司机单元将颜色变为红色）。

Answer 1

jQuery 支持拖放。

请参阅http://www.codeproject.com/KB/webforms/JQueryPersistantDragDrop.aspx和jQuery 的文档。

Answer 2

使用像 jQuery 这样的 JavaScript 框架和像 Prototype 这样的 AJAX 框架来做到这一点。

使用 jQuery 使元素可放置：http: //jqueryui.com/demos/droppable/

然后使用 Prototype 和 jQuery 方法的回调函数通过 AJAX 调用存储信息。