1

我想在我的网页中具有拖放功能。该网页有两个表 A 和 B。两个表都有 2 列和 5 行。表 A 在单元格内有 div 部分,这个 div 包含一些标签和文本框形式的信息。

现在我们要让用户能够从表 A 中选择 div 并将其拖到表 B 并放在那里。这样做时,div 将从表 A 移动到表 B 到它被删除的单元格中。

如何使用 AJAX 或 jquery 在 Asp.net 4.0 中实现此功能。

请帮助

4

3 回答 3

1

您可以使用“DropThings”,类似于“iGoogle”

代码复合体

工作样本

于 2012-06-02T07:18:38.907 回答
1

Hiya 在 Jquery工作演示 http://jsfiddle.net/jT7wK/ && 另一个演示 http://jsfiddle.net/56ua2/(当你拖放行时,你会看到警报 - 我很确定这会派上用场)

好的 API 链接:http: //jqueryui.com/demos/sortable/#connect-lists

这个链接可能会派上用场:http: //forum.jquery.com/topic/droppable-between-two-tables

希望这能有所帮助,如果我错过了什么,请告诉我,干杯!

jQuery代码

$(function() {
        $( "#sortable1, #sortable2" ).sortable({
            connectWith: ".connectedSortable"
        }).disableSelection();
    });​
于 2012-06-02T07:10:06.033 回答
0

DragPanel(Ajax 工具包)说明:

DragPanel 扩展器允许用户轻松地将“可拖动性”添加到他们的控件中。DragPanel 以任何 ASP.NET 面板为目标,并采用一个附加参数,该参数表示控件用作“拖动句柄”。初始化后,用户可以使用拖动手柄在网页周围自由拖动面板。

Ajax 工具包拖拽面板

使用 jQuery UI(参见演示):

可拖动

可丢弃

于 2012-06-02T07:03:02.553 回答