使用 jQuery 拖放 UI 布局答案

【问题标题】：Drag and Drop UI layouts using jQuery使用 jQuery 拖放 UI 布局
【发布时间】：2011-02-17 15:47:51
【问题描述】：

对于我们的下一个项目（ASP.NET/C# 中的一个小应用程序），我们必须在 UI 中创建拖放区域，以便可以拖放组件/小部件并动态更改布局（例如，用户应该能够从前端在两列布局和三列布局之间切换）。

经过一番搜索，我知道有两种方法：

我还了解到首选 jQuery 方法，但我想知道如何在我的应用程序中创建这样的区域，并为每个用户保存这些区域（在 D 中，以便当该用户收到他们喜欢的新请求时布局是否显示？我基本上想知道是否有一些关于使用jQuery创建持久拖放区域的教程。

谢谢，

莫希特库马尔

【问题讨论】：

【解决方案1】：

我不知道我的回答对你有用与否。如果我错了，请纠正我。

你可以使用：

针对这个问题。

【讨论】：

【解决方案2】：

正如其他答案所建议的那样，请使用 jQuery API 中的 draggable 和 droppable。

Here 是一个如何实际发布并保存布局的示例。服务器端保存在例子中是用 php 完成的，但它也可以使用任何其他语言。

有一个名为 updateWidgetData() 的 JavaScript 函数，您可能想研究一下。它将所有信息收集到数组并使用$.post 发送数组。

【讨论】：

【解决方案3】：

你可以使用jquery的draggable() and droppable方法。

看到这个reference

【讨论】：