如何在两个表之间进行拖放编程

时间:2013-06-01 23:13:51

标签: javascript jquery asp.net-mvc-3 drag-and-drop

是否可以将包含Id的行拖放到其他表上,并在MVC上的id表中获取具有此Id的所有数据? 我想要做的是,我有“ProductionOrders”的表,我有“订单”表 我想将Order拖到ProductionOrder表并保存。这意味着dropes Order将处于Production状态。

所以Order表包含带有订单名称的行和另一个带有订单ID的列。我想拖动它,当我把它放在另一张桌子上时,我希望得到“订单名称,日期,描述等”的详细信息 任何的想法?可以提供帮助的教程吗?

1 个答案:

答案 0 :(得分:1)

* 6月16日*更新: 请参考我的回答 how to set Individual rows marked as non-draggable and/or non-droppable?了解更多信息

确保它可行,使用jquery ui draggable和jquery dropable,以及一个ajax帖子。

当项目被放入目标列表时,会触发一个ajax post事件。

post事件将触及一个方法,该方法使数据库工作以从第一个表中删除记录并将其添加到第二个表。

http://jqueryui.com/droppable/ http://jqueryui.com/draggable/

具体参见演示 http://jqueryui.com/droppable/#shopping-cart 你打算做这样的事情,用额外的ajax事件来打击服务器端