哪种技术/编程用于拖放Web编程？

Question

我想进行拖放式网页编程。我希望通过我们在Google Plus中体验的拖放功能将数据从一个面板移动到另一个面板。我可能在页面中有面板/框架，如待完成部分，完成部分等。当我完成特定项目时，我将项目从待完成部分拖动到完成部分。我目前有一个很好的想法。请分享您对开始我的项目有用的资源（IDE /编程/技术）的想法。

Answer 1

您正在寻找jQuery UI。它具有可拖动，可丢弃和可排序的功能

http://jqueryui.com/demos/draggable/

http://jqueryui.com/demos/droppable/

使用它很简单，

1）在页面中包含对jQuery和jQuery ui库的引用

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js" type="text/javascript"></script>

2）将可拖动功能附加到元素

  <script>
    $(function() {
        $( "#myDivId" ).draggable();  //
    });
  </script>

编辑：关于jQuery UI的大小。它不是150K。 jQuery UI的缩小版本大小为50KB。如果你还没有使用jQuery（真的吗？）那么你也需要下载它，那是另一个32.KB.我想引用谷歌等公共CDN的那些来确保可用性和缓存。

Answer 2

drag'n'drop界面是使用JavaScript实现的。 JS可能会发送将在服务器端处理的XML HTTP请求（AJAX）（PHP，ASP.NET等）。

根据经验：如果需要在客户端的浏览器中进行计算，它将使用JavaScript。如果需要在服务器上进行计算，它将使用您最喜欢的服务器端语言。

Answer 3

用ajax查看jQuery http://jqueryui.com/demos/sortable/

然后使用ajax函数和jquery onBlur或onUpdate ..

Answer 4

你需要在客户端方面实现这一点，所以asp.net和php（=你的问题标签）在这里都不会特别有用。在客户端，您可以使用jQuery，可以在这里找到一个例子：

• jQuery UI: Draggable

Answer 5

您将使用哪种技术强烈取决于您的知识和偏好。

<强> MooTools的
http://mootools.net/
演示：http://mootools.net/demos/?demo=Drag.Cart

<强>的jQuery
http://jqueryui.com/
演示：http://jqueryui.com/demos/draggable/

您选择的框架是品味问题。我建议您查看http://jqueryvsmootools.com/